@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Nunito&display=swap');

* { 
 font-family: 'Montserrat', sans-serif;
}
.row>* {
  padding-right: 5px;
  padding-left: 5px;}
.delivery_info{
  padding: 10px;
  font-size: 14px;
}
.confirm{
  background: var(--primary-color) !important;
  color: white !important;
}
.nav>li>a:hover, .nav>li>a:focus {
  /* text-decoration: none; */
  background-color: transparent !important
}
.dropdown-toggle::after{
  display:none !important;
}
.carousel-control-prev i{
  color: black ;
  font-weight: bold !important;
  font-size: 40px;
}
.carousel-control-next i{
  color: black;
  font-weight: bold !important;
  font-size: 40px;
}
.list-inline{
  display: flex;
}

:root {
        --surface-color:white
      }
      .navbar {
        padding-top:0px;
        padding-bottom: 0px;
      }
      .nav{
        justify-content:space-evenly;
        width: 100%;
        align-items: center;
      }
      .card__price-old{
        text-decoration: line-through;
      }
      .non-user{
        display: block

      }
      .non-user a{
        font-size: 15px;
      }
      .user-profile{
        margin-right: 7px !important;
        display:flex;
        align-items: center
      }
      .user-profile-title{
        font-size: 15px;
        padding-left: 8px;
      }
        a {
          color: black !important;
          text-decoration: none !important;
          
        }
        .close {
          position: absolute;
          padding-right: 15px;
          right: -18px;
          width: 40px;
          top: 25%;
          cursor: pointer;
          display: flex;
          justify-content: center;
          align-items: center;
          background: #f3f3f3;
          /* border-left: 1px solid black !important;
           */
          border: none !important;
          opacity:1
        }
        .close:hover{
          opacity: 1;
        }
        .close input {
          position: absolute;
          margin-top: -15px !important;
          width:62px;
          text-align: left;
          border: none;
          top: 5px;
          font-size: 17px;
          right:0px;
          padding: 0px 2px 0px 5px!important;
          display:flex;
          align-items: center !important;
          color: var(--primary-color);
          opacity:1;
          z-index: 3000;
        }
        .close input:hover{
          background:#f3f3f3 !important;
        }
/* nutskart */
        .cart {
          border-radius: 10px;
          /* width: 100px; */
          height: 50px;
          background-color:#f3f3f3;
          padding:10px;
          box-shadow: 0 0 0 2px white;
        } 

        .cart-cost {
          color:var(--primary-color);
          font-size: 15px;
        }

        .cart-count-bg {
          width: 20px;
          height: 20px;
         /* background: var(--primary-color);*/
          margin-top: -40px; 
          margin-left: -30px;
          border-radius: 50%;
        }

        .cart-count-value {
          color:var(--primary-color);
          display:flex;
          justify-content:center;
          align-items:center;
          font-size: 15px;
          font-weight:800 !important;
        }

        .header {
          background: white;
          border-bottom: 2px solid #f3f3f3;
        }

        .dropdown:hover .dropdown-menu {
          display:block;
        }

        .dropdown-menu{
          background-color:#fff;
          padding:10px 7px;
          box-shadow: 0px 0px 1.5px 0px black !important;
        }

        .dropdown a{
          font-size: 15px;
        }

        .dropdown a:hover{
          color: var(--primary-color) !important;
        }


        .dropdown-menu li a{
          color: #1e1e1e !important;
          padding:8px
        }

        .dropdown-menu li a:hover{
          background-color: #ededed !important;
          color: black !important;
        }

        .dropdown-menu li a img:hover{
          background-color: transparent !important;
        }

        .align{
            display: block;
            margin:auto;
        }

        .rotate{
            transform: rotate(90deg);
            height:30px
        }

        .dropdown-toggle::after{
            display:none;
        }

        
        .display{
          display: flex;
          flex-wrap: wrap;
          width: 100%;
          justify-content: space-between;
        }

        .display-menu {
          display: flex;
          width: 100%;
          justify-content: space-between;
          align-items: center;
        } */

        /* .flex {
          display: flex;
          justify-content: flex-end;
          align-items: center;
          padding-right: 40px;
        }   




      /*---header-end*----/





       /*------Categories----*/

      

        /* .cat-1{
          margin-left: -50px;
        } */
        .cat-2 {
          margin-top: 20px !important;
        }

        .cards {
          grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
          gap: 2rem;
          padding: 0;
          list-style-type: none;
        }

        .card {
          position: relative;
          display: block;
          /*height: 100%; */ 
          border-radius: 10px !important;
          overflow: hidden;
          text-decoration: none;
          
        }

        .card__image {      
          width: 100%;
          height: 300px !important;
        }

        .card__overlay {
          
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          z-index: 1;      
          border-radius: 10px;    
          background-color: var(--surface-color);      
          transform: translateY(100%);
          transition: .2s ease-in-out;
        }    

        .card__header {
          position: relative;
          display: flex;
          align-items: center;
          gap: 1em;
          text-align:left;
          padding: 10px;
          border-radius: 20px 0 0 0 ;    
          background-color: var(--surface-color);
          transform: translateY(-100%);
          transition: .2s ease-in-out;
        }
       
        .card__arc path {
          fill: var(--surface-color);
          /* d: path("M 40 80 c 22 0 40 -22 40 -40 v 40 Z"); */
        }

        .card__thumb {
          flex-shrink: 0;
          width: 50px;
          height: 50px;      
          border-radius: 30px;      
        }

        .card__title {
          font-size: 18px !important;
          margin: 0 0 .3em;
          font-weight: bold;
          color: #6A515E;
        }
        
        .card__status {
          font-size:15px;
          color: black;
        } 

          /*--------Banner-------*/

        .top-margin{
            margin-top:30px;
        }
        .mt-3 {
            margin-top: 14px !important;
        }
        .padding-r {
            padding-right:7px;
        }
        .padding-l {
            padding-left:7px;
        }
      
      @media (min-width: 768px) and (max-width:1300px) {
          .top-margin{
              margin-top:40px;
          }
          .mt-3 {
              margin-top: 10px !important;
          }
          .padding-r {
              padding-right:5px;
          }
          .padding-l {
              padding-left:5px;
          }
      }

      @media (min-width: 320px) and (max-width:1200px) {
        .qty_card{
        	width:20px ;
        }
        .icon-categoriess{
        	right:5px !important
        }
        
        .sales_card{
        	padding:6px !important
        }
        
        .Latest_Product h2 ,.Latest_Product_cate h2{
        	font-size:18px;
          margin-bottom: 1px;
        }
        .offer_price p{
          font-size: 12px !important;
          font-weight:bold;
        }
        .h6 del{
          font-size:8px !important;
        }
          .top-margin{
              margin-top:30px;
          }
          .top-mbl{
              margin-top:14px;
          }

          .cart-product-list .card-content{
            padding:10px !important;
          }
          .cart-product-list .card-content .card-image{
            width: 200px;
            margin-right:0px
          }
          .container {
            max-width: 1900px;
            padding-left: 3px ;
            padding-right: 3px;
          }
          .product_quantity p .cart-product-price-old{
            font-size: 10px !important;
          }
          /* .cart-product-price-offer{
            font-size: 10px !important;
          } */

          
      }

      

      
        /*--------Card- carousel--------*/


        .owl-carousel .card {
          border-radius: 15px;
          /* box-shadow: 0px 0px 3px 4px #f3f3f3; */
        }
        .owl-carousel .item {
          background: white;
        }

        .owl-carousel .card__title {
          font-size: 1em;
          margin:0 0 .3em;
          color: light;
          overflow: hidden;
          text-align: left;
          text-overflow: ellipsis !important;
        }

        .owl-carousel .card__price {
          font-size: 24px;
          font-weight: 500;
        }
        .owl-carousel .card__price-old {
          font-size: 16px;
          
          font-weight: 400;
        }
        .owl-carousel .card__price-new {
          font-size: 24px;
          
          font-weight: 500;
        }
        .owl-carousel .card__pricestart{
          color: rgb(153, 153, 153);
          font-style: normal;
          font-weight: 600;
          font-size: 12px;
          line-height: 16px;
        }

       
        .owl-carousel .card__status {
          font-size: .8em;
          color: #D7BDCA;
        }

        /* .owl-next span{
          font-size: 2em;
          padding:20px
        } */
        /* .owl-prev:hover {
          border-radius:53px!important;
          color: black !important;
          background-color: #c2c2c2 !important;
        }
        .owl-next:hover {
          border-radius:53px !important;
          color: black !important;
          background-color: #c2c2c2 !important;
        } */
        /* .owl-prev span{
          padding:20px;
          font-size: 2em;
        } */
        .owl-stage-outer .wishlist{
           position: absolute;
          bottom: 30%;
          right: 20px;
        }
        .bt {
          background: transparent !important;
          border:none;
          outline: none !important;
          color: grey;
        }
        .card-image {
          padding:20px;
        }
        .card-image img{
          border-radius: 15px;
        }
        .card__star {
          color: #FFD700;
          font-size:25px
        }
        .card__rating {
          font-size: 20px;
          font-weight: 400;
        }
        .wishlist {
          /* position: absolute;
          top: 18px;
          right: 25px; */
          border-radius: 50px;
          width: 35px;
          height: 35px;
          background: none;
        }
        .wishlist  img{
          border-radius: 60px;
          box-shadow: 0px 0px 2px 0px rgb(255, 0, 0);
          background: none !important;
          
        } 
        .card__offer {
          background: var(--primary-color);
          padding:3px 4px;
          font-size: 12px;
          color: white;
          font-weight: bold;
          border-radius: 5px;
          /* box-shadow: 1px 1px 3px 0px rgb(255, 145, 145) */
        }
        .wishlist button {
          position: relative;
          left: 0.5px;
          background: var(--primary-color);
          top: 3px;
          border-radius: 50px;
          font-size: 22px;
          border: 0px solid var(--primary-color);
          color: white !important;
        }
        .wishlist button svg {
          width: 24px;
          height: 30px;
          fill: white;
          margin-top: 0px;
        }

       
        .new-card .carousel-control-prev {
           left: -100px;
        }
        .new-card .carousel-control-next {
            right: -100px;
        }
        
        .new-card .carousel-control-prev-icon {
          background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
        }
        .new-card .carousel-control-next-icon {
          background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
        }




          /*-------Footer-------*/
        .footer{
          margin-top:80px;

        }
        .footer-categories .wrapper {
          display: flex;
          
          justify-content:space-between;
        }

        .footer-categories .wrapper ul {
          list-style-type: none;
        }

        .footer-categories .wrapper h1 {
          font-size: 20px;
          font-weight: bold;
        }

        .footer-categories .wrapper ul li {
          font-size:17px;
          line-height: 1.5
        }

        .footer-categories {
          background: rgb(249, 249, 249);
          padding:50px 0px;
        }

        .footer .wrapper {
          display: flex;
          flex-wrap: wrap;
          justify-content:space-around;
        }

        .footer .wrapper ul {
          list-style-type: none;
        }

        .footer .wrapper h1 {
          font-size: 20px;
          line-height: 1.5;
          font-weight: bold;
        }

        .footer .wrapper ul li {
          font-size:17px;
          line-height: 2
        }

        .footer {
          background: rgb(249, 249, 249);
          padding:50px 0px;
        } 

        @media screen and (min-width: 1201px) and (max-width: 2560px) {
          .searchbar {
            display: none
          }
          .search-mbl{
            display: none
          }
          .footer-contact-res{
            display: none
          }
          .responsive {
            display: none
          }
          .filter-section {
            display: block
          }
          
          .call-to-actions-res {
            display: none;
          }
          .product-name-res{
            display: none
          }
          .checkout-res{
            display: none
          }
        
          
        }
        @media screen and (min-width: 1300px) and (max-width:1370px){
          .card__price-new {
            font-size: 25px !important;
            font-weight: 500;
          }
          .card__price-old {
            font-size: 15px !important;
            font-weight: 500;
          }
          .card__price {
            font-size: 25px !important;
            font-weight: 500;
          }
          .card__pricestart{
            font-size:15px
        }
        .call-to-actions-res {
          display: none;
            }
            .product-name-res{
              display: none
            }
            .cart-product-list .card{
              margin: 10px;
              padding: 5px !important;
          }
        .cart-product-list .card-image {
            padding:0px         
        }
        .cart-product-name{
          font-size: 18px !important;
          font-weight: bold;
          }
          .cart-product-size{
            font-size: 15px !important;
        }
        .cart-product-qty{
            font-size:15px !important; 
        }
        .card-product-details{
          display:flex;
          flex-direction: column;
          padding:10px
        }
        .checkout-res{
          display: none
        }
        .payment-selection-title{
          width: 50% !important;
        }
        .address-selection-title{
          width: 50% !important;
        }
      
      }
        @media (min-width:1020px) and (max-width:1200px){
          .information{
            width: 50% !important;
          }
          .track-package-btn{
           
            font-size:15px
        }
        .cancel-item-btn{
          font-size: 15px;
        }
        .product-options{
          margin-left: -135px;
        }
          .card__price-new {
            font-size: 20px !important;
            font-weight: 500;
          }
          .card__price-old {
            font-size: 14px !important;
            font-weight: 500;
            margin-left: -4px;
          }
          .card__price {
            font-size: 20px !important;
            font-weight: 500;
          }
          .card__pricestart{
            font-size:12px
          }

          .card__offer {
            background: var(--primary-color);
            padding:3px 4px;
            margin-left: -4px;
            font-size: 10px;
            color: white;
            font-weight: bold;
            border-radius: 7px;
            /* box-shadow: 1px 1px 3px 0px rgb(255, 145, 145) */
          }
          .searchbar {
            display: none
          }
          
          .desktop{
            display: none !important;
          }
          .responsive {
            display: block;
            
          }
          .search1 {
          border-radius: 10px;
          width: 45px;
          height: 50px;
          background-color:#f3f3f3;
          transition: 0.5s;
          box-shadow: 1px 1px 1px 5px white;
          overflow: hidden;
        }
        .search1 .icon1 {
          position: absolute;
          
          width: 45px;
          height: 50px;
          background-color:#f3f3f3;
          border-radius: 50px;
          display:flex;
          justify-content:center;
          align-items:center;
          z-index: 10;
          cursor: pointer;
        }

        .search1 .icon1::before {
          content: "";
          position: absolute;
          width: 17px;
          height: 17px;
          border: 2px solid black;
          border-radius: 50px;
          transform: translate(-1px, -3px)
        }
        .search1 .icon1::after {
          content: "";
          position: absolute;
          width: 2px;
          height: 6px;
          background-color: black;
          transform: translate(6px, 6px) rotate(320deg);
        }
        .search1.active {
          width: 330px !important;
        }
        .search1 .input1 {
          position: relative;
          width: 280px;
          height: 100%;
          left: 50px;
          display: flex;
          justify-content: center;
          align-items: center;
        }
        .search1 .input1 input {
          position: absolute;
          width:280px;
          top: 0;
          left: 0;
          height: 100%;
          border: none;
          outline: none;
          font-size: 18px;
          padding:15px 0px;
          background: #f3f3f3;
        } 

        .close1 {
          position: absolute;
          padding-right: 5px;
          right: 0px;
          top:13px;
          width: 30px;
          cursor: pointer;
          display: flex;
          justify-content: center;
          align-items: center;
          background:#f3f3f3
        }.close1 input {
          position: absolute;
          margin-top: -15px !important;
          width:60px;
          text-align: left;
          border: none;
          right:0px;
          padding: 0px 2px 0px 5px!important;
          display:flex;
          align-items: center !important;
          color: var(--primary-color);
        }
        .close1 input:hover{
          background:#f3f3f3;
        }

        .cart1 {
          border-radius: 10px;
          width: 100px;
          height: 50px;
          background-color:#f3f3f3;
          padding:10px;
          box-shadow: 0 0 0 5px white;
        } 

        .cart-cost1 {
          color:var(--primary-color);
          font-size: 15px;
        }

        .cart-count-bg1 {
          width: 17px;
          height: 17px;
          background: var(--primary-color);
          margin-top: -45px; 
          margin-left: -15px;
          border-radius: 50%;
        }

        .cart-count-value1 {
          color:white;
          display:flex;
          justify-content:center;
          align-items:center;
          font-size: 13px;
        }

        .dropdown-menu{
          background-color:#fff;
          padding:5px 7px;
          box-shadow: none;
          border: none;
        }

        .dropdown a{
          font-size: 17px;
        }

        .dropdown a:hover{
          color: var(--primary-color) !important;
        }


        .dropdown-menu li a{
          color: #1e1e1e !important;
          padding:5px
        }

        .dropdown-menu li a:hover{
          background-color: #ededed !important;
          color: black !important;
        }

        .dropdown-menu li a img:hover{
          background-color: transparent !important;
        }

        .align{
            display: block;
            margin:auto;
        }


        .dropdown-toggle::after{
            display:none;
        }

        
        .display{
          display: flex;
          flex-wrap: wrap;
          width: 100%;
          justify-content: space-between;
        }

        .display-menu {
          display: flex;
          width: 100%;
          justify-content: space-between;
          align-items: center;
        } 
        .nav-menu {
          background: #f3f3f3;
          position: absolute;
          width:25%;
          top: 12%;
          right: 0;
          z-index: 100;
          display: none;
          
        }
        .nav-menu div {
          display: flex;
          justify-content: center
        }
        .menu-icon img {
          cursor: pointer;
          margin-left:10px
        }

        .cat-2 {
          margin-top: 20px !important;
        }

        .cards {
          grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
          gap: 2rem;
          padding: 0;
          list-style-type: none;
        }

        .card {
          position: relative;
          display: block;
          height: 100%;  
          border-radius: 30px;
          overflow: hidden;
          text-decoration: none;
        }

        .card__image {      
          width: 100%;
          height: auto;
        }

        .card__overlay {
          
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          z-index: 1;      
          border-radius: 30px;    
          background-color: var(--surface-color);      
          transform: translateY(100%);
          transition: .2s ease-in-out;
        }    

        .card__header {
          position: relative;
          display: flex;
          align-items: center;
          gap: 1em;
          padding: 8px;
          border-radius: 10px 0;    
          background-color: var(--surface-color);
          transform: translateY(-100%);
          transition: .2s ease-in-out;
        }
       
        .card__arc path {
          fill: var(--surface-color);
          /* d: path("M 40 80 c 22 0 40 -22 40 -40 v 40 Z"); */
        }

        .card__thumb {
          flex-shrink: 0;
          width: 50px;
          height: 50px;      
          border-radius: 30px;      
        }

        .card__title {
          font-size: 13px;
          margin: 0 0 .3em;
          color: #6A515E;
        }
        
        .card__status {
          font-size: .8em;
          color: #D7BDCA;
        } 

        .footer-contact {
          display: none
        }
        .filter-section {
          display: block
        }
        .res-filter{
          display: none
        }
        .product-name {
          font-size:25px;
          
        }
        .product-offerprice{
          font-size: 30px;
          font-weight: 600;
        }
        .product-price{
          font-size: 20px;
        }

        .size-options{
        font-size: 16px;
        display: flex;
        justify-content: initial!important;
        flex-wrap: wrap;
        align-items: center;
      }
      .call-to-actions-res {
        display: none;
      }
      .product-name-res{
        display: none
      }
      .back-to-top {
        position:fixed;
        bottom:0px;
        right: 20px !important;
        z-index: 2000;
        opacity: 0;
        cursor: pointer;
        transition: .5s;
        background: white;
        border-radius: 50px;
      }
      .back-to-top img {
        width: 55px !important;
      }
      .active-btn {
        pointer-events: auto;
        opacity: 1;
        transform:translateY(-30px) !important;
      }
      .cart-product-list .card{
        margin: 10px;
        padding: 10px !important;
    }
  .cart-product-list .card-image {
      padding:0px         
  }
  .cart-product-name{
    font-size: 18px !important;
    font-weight: bold;
    }
    .cart-product-size{
      font-size: 15px !important;
  }
  .cart-product-qty{
      font-size:15px !important; 
  }
  .card-product-details{
    display:flex;
    flex-direction: column;
    padding:10px
  }


  .checkout-product-price{
    font-size: 18px !important;
}
.checkout-product-price-value{
    font-size: 18px !important;
    font-weight: bold;
}
.checkout-product-shipping {
    font-size: 18px !important;
   
}
.checkout-product-shipping-value {
    font-size: 18px !important;
    font-weight: bold
}
.checkout-product-coupon{
    font-size: 18px !important;
}
.checkout-product-coupon-value {
    font-size: 18px !important;
    font-weight: bold
}
.checkout-res{
  display: none
}
.payment-selection-title{
  width: 100% !important;
}
.address-selection-title{
  width: 100% !important;
}
.delivery-review .card{
  padding:10px;
  margin-right: 20px;
  width:100% !important; 
  border-radius: 10px;
}
.delivery-review .card-product-details {
  padding:0px;
  margin-left: -70px !important;
}

        }

        @media (min-width:761px) and (max-width:1019px){
          .delivery-review .card{
            padding:10px;
            margin-right: 20px;
            width:100% !important; 
            border-radius: 10px;
          }
          .delivery-review .card-product-details {
            padding:0px;
            margin-left: -70px !important;
          }
          .track-package-btn{
            padding: 10px 8px !important;
            font-size:15px
        }
        .cancel-item-btn{
          padding: 10px 10px !important;
          font-size: 14px;
        }
        .product-options{
          margin-left: -225px !important;
        }
        .ordedarkblue-product-details p{
          font-size: 18px !important;
          padding-left:5px !important;
          padding-right: 100px !important;
        }
          .filter-section {
            display: block
          }
          .res-filter{
            display: none
          }
          .searchbar {
            display: none
          }
         
          .owl-carousel .card {
          border-radius: 15px;
          height: 300px;
          box-shadow: 0px 0px 3px 4px #f3f3f3;
        }
        .card-image {
          padding:20px 20px 0px 20px;
        }
        .card-image img{
          border-radius: 15px;
          width:65% !important;
        }
        .cart-product-list .card-product-details{
          margin-left: -80px !important;
      }
        .owl-carousel .card__title {
          font-size: 13px;
          margin:0 0 .3em;
          color: light;
          overflow: hidden;
          text-overflow: ellipsis !important;
        }
        .card__star {
          color: #FFD700;
          font-size:15px
        }
        .card__rating {
          font-size: 15px;
          font-weight: bold;
        }
        .owl-carousel .card__price {
          font-size: 20px;
          
          font-weight: 500;
        }
        .owl-carousel .card__pricestart{
          color: rgb(153, 153, 153);
          font-style: normal;
          font-weight: 600;
          font-size: 10px;
          line-height: 16px;
        }
        .owl-carousel .card__price-new {
          font-size: 20px;
          
          font-weight: 500;
        }
        .owl-carousel .card__price-old {
          font-size: 15px;
          font-weight: 400;
        }
        
        .card__price-new {
          font-size: 20px !important;
          font-weight: 500;
        }
        .card__price-old {
          font-size: 14px !important;
          font-weight: 500;
          margin-left: -4px;
        }
        .card__price {
          font-size: 20px !important;
          font-weight: 500;
        }
        .card__pricestart{
          font-size:12px
        }
        .card__offer {
          background: var(--primary-color);
          padding:3px 3px;
          font-size: 10px;
          color: white;
          font-weight: bold;
          border-radius: 5px;
          /* box-shadow: 1px 1px 3px 0px rgb(255, 145, 145) */
        }

          .desktop{
            display: none !important;
          }
          .responsive {
            display: block;
          }
          .search1 {
          border-radius: 10px;
          width: 45px;
          height: 50px;
          background-color:#f3f3f3;
          transition: 0.5s;
          box-shadow: 1px 1px 1px 5px #fff;
          overflow: hidden;
        }
        .search1 .icon1 {
          position: absolute;
          
          width: 45px;
          height: 50px;
          background-color:#f3f3f3;
          border-radius: 50px;
          display:flex;
          justify-content:center;
          align-items:center;
          z-index: 99;
          cursor: pointer;
        }

        .search1 .icon1::before {
          content: "";
          position: absolute;
          width: 17px;
          height: 17px;
          border: 2px solid black;
          border-radius: 50px;
          transform: translate(-1px, -3px)
        }
        .search1 .icon1::after {
          content: "";
          position: absolute;
          width: 2px;
          height: 6px;
          background-color: black;
          transform: translate(6px, 6px) rotate(320deg);
        }
        .search1.active {
          width: 300px !important;
        }
        .search1 .input1 {
          position: relative;
          width: 250px;
          height: 100%;
          left: 50px;
          display: flex;
          justify-content: center;
          align-items: center;
        }
        .search1 .input1 input {
          position: absolute;
          width:250px;
          height: 100%;
          top:0;
          left:0;
          border: none;
          outline: none;
          font-size: 18px;
          padding:15px 0px;
          background: #f3f3f3;
        } 

        .close1 {
          position: absolute;
          padding-right: 5px;
          right: 0px;
          top:13px;
          width: 30px;
          cursor: pointer;
          display: flex;
          justify-content: center;
          align-items: center;
          background:#f3f3f3
        }

        .cart1 {
          border-radius: 10px;
          margin-left:15px;
          width: 100px;
          height: 50px;
          background-color:#f3f3f3;
          padding:10px;
          box-shadow: 0 0 0 5px white;
        } 

        .cart-cost1 {
          color:var(--primary-color);
          font-size: 15px;
        }

        .cart-count-bg1 {
          width: 17px;
          height: 17px;
          background: var(--primary-color);
          margin-top: -45px; 
          margin-left: -15px;
          border-radius: 50%;
        }

        .cart-count-value1 {
          color:white;
          display:flex;
          justify-content:center;
          align-items:center;
          font-size: 13px;
        }

        .logo a img {
          padding:0px
        }
       

        .dropdown-menu{
          background-color:#fff;
          padding:5px 7px;
          box-shadow: none;
          border: none;
        }

        .dropdown a{
          font-size: 17px;
        }

        .dropdown a:hover{
          color: var(--primary-color) !important;
        }


        .dropdown-menu li a{
          color: #1e1e1e !important;
          padding:5px
        }

        .dropdown-menu li a:hover{
          background-color: #ededed !important;
          color: black !important;
        }

        .dropdown-menu li a img:hover{
          background-color: transparent !important;
        }

        .align{
            display: block;
            margin:auto;
        }


        .dropdown-toggle::after{
            display:none;
        }

        
        .display{
          display: flex;
          flex-wrap: wrap;
          width: 100%;
          justify-content: space-between;
        }

        .display-menu {
          display: flex;
          width: 100%;
          justify-content: space-between;
          align-items: center;
        } 
        .nav-menu {
          background: #f3f3f3;
          position: absolute;
          width:30%;
          top: 17%;
          right: 0px;
          z-index: 100;
          display: none;
          
        }
        .nav-menu div {
          display: flex;
          justify-content: center
        }
        .menu-icon img {
          cursor: pointer;
          margin-left:10px
        }

        .cat-2 {
          margin-top: 0px !important;
        }

        .cards {
          grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
          gap: 2rem;
          padding: 0;
          list-style-type: none;
        }

        .card {
          position: relative;
          display: block;
          height: 100%;  
          border-radius: 30px;
          overflow: hidden;
          text-decoration: none;
          margin-bottom:10px
        }

        .card__image {      
          width: 100%;
          height: auto;
        }

        .card__overlay {
          
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          z-index: 1;      
          border-radius: 30px;    
          background-color: var(--surface-color);      
          transform: translateY(100%);
          transition: .2s ease-in-out;
        }    

        .card__header {
          position: relative;
          display: flex;
          align-items: center;
          gap: 0.5em;
          padding: 10px 0 10px 10px;
          border-radius: 10px 0;    
          background-color: var(--surface-color);
          transform: translateY(-100%);
          transition: .2s ease-in-out;
        }
       
        .card__arc path {
          fill: var(--surface-color);
          /* d: path("M 40 80 c 22 0 40 -22 40 -40 v 40 Z"); */
        }

        .card__thumb {
          flex-shrink: 0;
          width: 50px;
          height: 50px;      
          border-radius: 30px;      
        }

        .card__title {
          font-size: 13px;
          margin: 0 0 .3em;
          color: #6A515E;
        }
        
        .card__status {
          font-size: .8em;
          color: #D7BDCA;
        } 

        .footer-contact {
          display: block
        }
        .footer-contact-res{
            display: none
          }
          .res-pad {
            padding-top: 30px;
            margin-bottom:-20px
          }

          .product-name {
            font-size:20px;
          }
          .product-offerprice{
            font-size: 25px;
            font-weight: 600;
          }
          .product-price{
            font-size: 18px;
          }
          .rating-bar{
            background: rgb(233, 233, 233);
            width:210px !important;
            height:6px;
            border-radius: 50px;
          }
          .call-to-actions-res {
            display: none;
          }
          .product-name-res{
            display: none
          }
          .back-to-top {
            position:fixed;
            bottom:0px;
            right: 20px !important;
            z-index: 2000;
            opacity: 0;
            cursor: pointer;
            transition: .5s;
            background: white;
            border-radius: 50px;
          }
          .back-to-top img {
            width: 50px !important;
          }
          .active-btn {
            pointer-events: auto;
            opacity: 1;
            transform:translateY(-20px) !important;
          }


          .cart-product-list .card{
            margin: 10px;
            padding: 10px !important;
        }
      .cart-product-list .card-image {
          padding:0px         
      }
      .cart-product-name{
        font-size: 18px !important;
        font-weight: bold;
        }
        .cart-product-size{
          font-size: 15px !important;
      }
      .cart-product-qty{
          font-size:15px !important; 
      }
      .card-product-details{
        display:flex;
        flex-direction: column;
        /* padding:10px */
      }
      .border-left{
        /* border-left: 1px solid rgb(214, 214, 214); */
        border: 1px solid rgb(214, 214, 214);
        border-radius: 20px;
        margin-top: 20px;
      } 
      .checkout-res{
        display: none
      }
      .payment-selection-title{
        width: 100% !important;
      }
      .address-selection-title{
        width: 100% !important;
      }
      .information{
        width: 50% !important;
      }
      .address-details{
        flex-wrap: wrap-reverse !important;
      }
      .add-new-address{
        padding:50px
      }
      .slide-thumb{
        padding:0px !important
      }
      .wishlist-page .card-image img{
        border-radius: 15px;
        width:100% !important;
      }
        }

        @media (min-width:320px) and (max-width:1200px){
          .ordered-product-details{
            
            width: 100% !important; 
            padding-top: 20px;  
          }
          .ordered-product-details img{
            width:15%
          }
          .product-options{
            width: 100% !important;
          }
          .ordered-product-details .product-name{
            padding-left: 10px;
          }
          .slide-thumb{
            margin-top: 10px !important;
          }
          .question-box button{
            width:20% !important;
          }
          .carousel-control-prev i{
            color: black ;
            font-weight: bold !important;
            font-size: 25px;
          }
          .carousel-control-next i{
            color: black;
            font-weight: bold !important;
            font-size: 25px;
          
          }
          .information-page-title{
            font-size:22px !important;
        }
        .information-body p{
            font-size: 18px !important;
        }
          .delivery-review .card{
            padding:10px;
            margin-right: 20px;
            width:100% !important; 
            border-radius: 10px;
          }
          .delivery-review .card-product-details {
            padding:0px;
            margin-left: -50px !important;
          }
         .cart-page .col-6{
            padding: 2px !important;
          }
          .wishlist-page .card-image img{
            border-radius: 15px;
            width:100% !important;
          }
          .wishlist-page .col-6{
            padding: 2px !important;
          }
          .wishlist-page .card-image{
            padding:10px !important;
          }
          .category-page .col-6{
            padding: 2px !important;
          }
          .category-page .wishlist .bt img {
            width:30px !important;
            border-radius: 50px !important;
          }
          .category-page .card-image img {
            border-radius: 15px;
            width: 100% !important; 
        }
          .order-details {
            padding: 15px !important;
          }
          .order-subsection .invoice-btn {
            font-size: 15px !important;
        }
        .order-date-details, .order-number-details {
          font-size: 15px !important;
        }
        .order-details-page .order-details-body {
          padding: 15px !important;
        }
          .payment-review {
            padding: 0px !important;
        }
          .address-review {
            padding: 0px !important;
        }

        .order-summary-title {
          margin-top: 20px !important;
        }
          .test ul{
            padding-left:0px !important
          }
          .track-package-title-section .track-package-title {
            font-size: 25px !important;
            margin-left: 20px !important;
        }
          .ordedarkblue-product-details img {
            width: 100px !important;
            border-radius: 10px;
        }
          .container-res{
            padding:0px !important;
          }
          .add-to-cart-btn {
            padding: 8px !important;
        }
        .delete-btn {
          padding: 8px !important;
      }
          .cart-section {
            padding: 0px !important;
        }
          .wishlist-btn img{
            width: 40px !important;
          }
          .wishlist button {
            position: relative;
            left: 12px;
            top: -6px;
            font-size: 22px;
            color: white !important;
        }
        .wishlist button img{
          width:30px !important;
          min-width: 30px !important;
        }
          .top-bar{
            display: flex;
            text-align: center;
            margin-top: 0px !important;
        }
          .reason-for-cancel .options{
            padding:10px;
            width:100% !important
        }
        .reason-for-cancel .reason-for-cancel-title{
          font-size: 17px !important;
        }
        .cancel-order-header p {
          font-size: 16px !important;
          font-weight: 500;
          margin: 0px;
      }
      .add-address{
        width: 100% !important
      }
          .address-details{
            flex-wrap: wrap-reverse !important;
          }
          .add-new-address{
            padding:50px
          }
          .information{
            width: 98% !important;
          }
          .order-details-header {
 
            flex-direction: column;
          
            justify-content: space-between;
        
        }
        .order-details-body {
            display: flex;
            justify-content: space-between;
            margin-top: 20px;
            align-items: center;
            flex-direction: column;
        }
        .ordedarkblue-product-details p {
            padding-left: 10px;
        
            width: 60%;
        }
        .product-options {
            display: flex;
            width: 100%;
            margin-top: 20px;
            flex-direction: row !important;
            justify-content: space-between;
        }
        .order-types button {
          font-size: 15px !important;
        }
        .ordedarkblue-product-details p{
          padding-left: 10px !important; 
        }
        .order-number {
          border-top: 1px solid rgba(215, 215, 215);
          text-align: left !important;
          padding-top: 10px;
      }
          .track-package-details{
            display: flex;
            flex-direction: column;
            margin-left:0px !important;
            }
            .order-info{
              margin-left:0px !important;
              margin-top: 20px;
            }
          .review-order-details{
            display: flex !important;
            flex-direction: column !important;
          }
          .payment-review {
            border-top: 1px solid rgb(214, 214, 214);
          }
          .delivery-review .card-content {
            padding: 0px;
        }
        .delivery-review .cart-product-name {
          font-size: 15px !important;
      }
      .delivery-review .cart-product-size,  .delivery-review .cart-product-qty{
        font-size: 13px !important;
      }
      .card-product-details p{
        margin-bottom: 0px;
      }
          .payment-selection-title{
            width: 100% !important;
          }
          .address-selection-title{
            width: 100% !important;
          }
          .top-bar p{
            font-size:11px !important;
            width:100% !important
        }
          .slide-thumb {
            position: initial !important;
            -webkit-position: initial !important;
            top: 0px !important;
          }
          .filter-section {
            display: none !important
          }
          .card__price-new {
            font-size: 17px !important;
            font-weight: 500;
          }
          .card__price-old {
            font-size: 10px !important;
            font-weight: 500;
            margin-left: 0px;
          }
          .card__price {
            font-size: 17px !important;
            font-weight: 500;
          }
          .card__pricestart{
            font-size: 11px;
          }
          .res-filter{
            display: block
          }
          .owl-carousel .card__price {
            font-size: 15px !important;
            
            font-weight: 500 !important;
          }
          .owl-carousel .card__price-new {
            font-size: 15px !important;
            
            font-weight: 500;
          }
          .owl-carousel .card__price-old {
            font-size: 12px !important;
            
            font-weight: 400;
          }
          .card__offer {
            background: var(--primary-color);
            padding:4px 4px;
            margin-left: 0px;
            font-size: 10px;
            color: white;
            font-weight: bold;
            border-radius: 5px;
            /* box-shadow: 1px 1px 3px 0px rgb(255, 145, 145) */
          }
          .owl-carousel .card {
          border-radius: 15px;
          width: 100% !important;
          /*box-shadow: 0px 0px 3px 4px #f3f3f3;*/
          }
          .owl-carousel .card:hover{
          box-shadow: 0px 0px 3px 4px #f3f3f3
          }
        .owl-carousel .card-body {
          padding: 0px 5px !important;
      }
        .card-image {
          padding:10px 10px 0px 10px;
        }
        .owl-carousel .card-image img{
          width:100% !important
        }
        .card-image img{
          border-radius: 15px;
          width:50% !important;
        }
        .owl-carousel .card__title {
          font-size: 10px;
          margin:0 0 .3em;
          color: light;
          overflow: hidden;
          text-overflow: ellipsis !important;
        }
        .card__star {
          color: #FFD700;
          font-size:15px
        }
        .card__rating {
          font-size: 12px;
          font-weight: bold;
        }
        .owl-carousel .card__price {
          font-size: 20px;
          
          font-weight: 600;
        }
        .owl-carousel .card__pricestart{
          color: rgb(153, 153, 153);
          font-style: normal;
          font-weight: 600;
          font-size: 10px;
          line-height: 16px;
        }

          .desktop{
            display: none !important;
          }
          .responsive {
            display: block;
            padding: 0px 10px !important;
          }
          .search-mbl {
          border-radius: 10px;
          width: 40px;
          height: 40px;
          /* background-color:#f3f3f3; */
          transition: 0.5s;
          /* box-shadow: 1px 1px 1px 5px white; */
          overflow: hidden;
        }
        .searchbar{
          display: none;
          border-radius: 10px;
          width: 100%;
          height: 40px;
          background-color:#f3f3f3;
          transition: 0.5s;
          box-shadow: 1px 1px 1px 5px white;
          overflow: hidden;
          z-index: 200;
        }
        .searchbar .inputbar {
          position: relative;
          width: 100%;
          height: 100%;
          left: 20px;
          display: flex;
          justify-content: center;
          align-items: center;
        }
        .searchbar .inputbar input {
          position: absolute;
          width:100%;
          top: 0;
          left: 0;
          height: 100%;
          border: none;
          outline: none;
          font-size: 18px;
          padding:15px 0px;
          background: #f3f3f3;
        } 
        .close-bar {
          position: absolute;
          padding-right: 5px;
          right: 30px;
          width: 30px;
          top: 10px;
          cursor: pointer;
          display: flex;
          justify-content: center;
          align-items: center;
          background:#f3f3f3
        }
        
        .search-mbl .icon-mbl {
          position: absolute;
          
          width: 40px;
          height: 40px;
          /* background-color:#f3f3f3; */
          border-radius: 50px;
          display:flex;
          justify-content:center;
          align-items:center;
          z-index:0;
          cursor: pointer;
        }

        .search-mbl .icon-mbl::before {
          content: "";
          position: absolute;
          width: 15px;
          height: 15px;
          border: 2px solid black;
          border-radius: 50px;
          transform: translate(-1px, -2px)
        }
        .search-mbl .icon-mbl::after {
          content: "";
          position: absolute;
          width: 2px;
          height: 4px;
          background-color: black;
          transform: translate(6px, 6px) rotate(320deg);
        }
        .search-mbl .active {
          width: 300px !important;
        }
        .search-mbl .input-mbl {
          position: relative;
          width: 250px;
          height: 100%;
          left: 50px;
          display: flex;
          justify-content: center;
          align-items: center;
        }
        .search-mbl .input-mbl input {
          position: absolute;
          width:250px;
          height: 100%;
          border: none;
          outline: none;
          font-size: 18px;
          padding:15px 0px
        } 

        .close-mbl {
          position: absolute;
          padding-right: 15px;
          right: 0px;
          width: 30px;
          top: 53%;
          cursor: pointer;
          display: flex;
          justify-content: center;
          align-items: center;
          background: #f3f3f3;
          /* border-left: 1px solid black !important;
           */
          border: none !important;
          opacity:1
        }
        .closs-mbl:hover{
          opacity: 1;
        }
        .close-mbl input {
          position: absolute;
          margin-top: -15px !important;
          width:62px;
          text-align: left;
          border: none;
          top: 5px;
          font-size: 17px;
          right:0px;
          padding: 0px 2px 0px 5px!important;
          display:flex;
          align-items: center !important;
          color: var(--primary-color);
          opacity:1;
          z-index: 3000;
        }
        .close-mbl input:hover{
          background:#f3f3f3 !important;
        }

        .product-price{
          justify-content: space-between;
        width: 100%;
        }
        .product-price span{
          padding-right:10px !important;
        }
        .price{
          font-size: 18px !important;
        }
        .card__offer{
          /* font-size:8px */
        }
        .product-info{
          padding: 0px 10px 10px !important;
        }
        .footer-menu{
          margin-top:20px ;
          margin-left:-11px !important
        }
        .color-options{
          height: 0px !important;
        }
        .quantity{
          margin-top:0px !important
        }
        .footer-contact{
          margin-top:20px
        }
        .cart1 {
          border-radius: 10px;
          width: 40px;
          height: 40px;
          /* background-color:#f3f3f3; */
          padding:10px;
          /* box-shadow: 0 0 0 5px white; */
        } 
        .cart1 img {
          width: 22px
        }

        .cart-cost1 {
          color:var(--primary-color);
          display:none
        }

        .cart-count-bg1 {
          width: 17px;
          height: 17px;
          background: var(--primary-color);
          margin-top: -45px; 
          margin-left: -15px;
          border-radius: 50%;
        }

        .cart-count-value1 {
          color:white;
          display:flex;
          justify-content:center;
          align-items:center;
          font-size: 12px;
        } 
        .user-profile{
          margin-right: 3px !important;
        }

        .menu-icon img {
          width:25px
        }
        .logo a img {
          padding:0px
        }
        
        
        .mbl-topbar-app div a{
          font-size: 13px;
        }
        .mbl-topbar-app svg {
          width: 15px;
        }
        .mbl-topbar-user div a{
          font-size: 13px;
        }

        .dropdown-menu{
          background-color:#fff;
          
          padding:5px 7px;
          box-shadow: none;
          border: none;
        }

        .dropdown a{
          font-size: 17px;
        }

        .dropdown a:hover{
          color: var(--primary-color) !important;
        }


        .dropdown-menu li a{
          color: #1e1e1e !important;
          padding:5px
        }

        .dropdown-menu li a:hover{
          background-color: #ededed !important;
          color: black !important;
        }

        .dropdown-menu li a img:hover{
          background-color: transparent !important;
        }

        .align{
            display: block;
            margin:auto;
        }


        .dropdown-toggle::after{
            display:none;
        }

        
        .display{
          display: flex;
          flex-wrap: wrap;
          width: 100%;
          justify-content: space-between;
        }

        .display-menu {
          display: flex;
          width: 100%;
          justify-content: space-between;
          
        } 
        .nav-menu {
          background: #f3f3f3;
          position: absolute;
          width:70%;
          top: 13.5%;
          right: 0px;
          z-index: 100;
          display: none;
          
        }
        .nav-menu div {
          display: flex;
          flex-direction: column;
          justify-content: center;
          padding: 10px;
        }
        .menu-icon img {
          cursor: pointer;
          margin-left:10px
        }

        .cat-2 {
          margin-top: 0px !important;
        }

        .cards {
          grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
          gap: 2rem;
          padding: 0;
          list-style-type: none;
          height: 195px;
        }

        .card {
          position: relative;
          display: block;
          height: 100%;  
          border-radius: 10px;
          text-decoration: none;
          margin-bottom:10px
        }
        .wrap .mb-2 {
          /* height: 200px; */
      }

        .card__image {      
          width: 100%;
          height: auto;
        }

         

        .card__header {
          position: relative;
          display: flex;
          align-items: center;
          gap: 0.2em;
          padding: 4px 15px;
          border-radius: 0px 0;    
          background-color: var(--surface-color);
          transform: translateY(-100%);
          transition: .2s ease-in-out;
        }
       
        .card__arc path {
          fill: var(--surface-color);
          /* d: path("M 40 80 c 22 0 40 -22 40 -40 v 40 Z"); */
        }

        .card__thumb {
          flex-shrink: 0;
          width: 40px;
          height: 40px;      
          border-radius: 30px;      
        }

        .card__title {
          font-size: 13px !important;
          font-weight: 400 !important;
          margin: 0 0 .3em;
          color: #6A515E;
        }
        
        .card__status {
          font-size: 11px;
          color: #D7BDCA;
        } 

        .footer-contact {
          display: block
        }
        .footer-contact-res{
            display: none
          }
          .res-pad {
            padding-top: 30px;
            margin-bottom:-20px
          }
          .search1-mbl{
            display: none;
          }

          .footer .wrapper {
            display: flex;
            flex-wrap: wrap;
            
            justify-content: space-between !important
          }
          .footer-menu div ul li {
            text-align: left;
          }
          .footer-menu{
            margin-left:-30px
          }

          .slide-thumb{
            display: flex;
            flex-direction: row !important;
            justify-content:space-around !important;
            margin-bottom: 10px;
            margin-top: 10px;
          }
          .slide-thumb a img {
            width: 100px
          }
          .product-name {
            font-size:20px !important;
          }
          .product-offerprice{
            font-size: 25px !important;
            font-weight: 600;
          }
          .product-price{
            font-size: 18px;
          }
          .rating-bar{
            background: rgb(233, 233, 233);
            width:210px !important;
            height:6px;
            border-radius: 50px;
          }
          .rating-total-value{
            font-size:25px !important
          }
          .rating-total-count{
            font-size: 12px !important;
          }
          .rating-options li:not(:last-child) {
            padding-bottom: 5px !important;
        }
          .question-box input{
            width:100% !important
          }
          .product-name-res{
            font-size: 13px;
          }
          .product-name-res .product-rating-res, .product-star-res{
            color:green
          }
          .review-content{
            padding:0px 20px 20px 30px
          }
          .call-to-actions-res{
            display:flex;
            flex-direction: column;
            justify-content:space-around 
          }
          .call-to-actions-res button{
            border: 1px solid rgb(198, 198, 198);
            padding:15px;
            color: black;
          }
          .call-to-actions-res button i{
            font-size:22px
          }
          
    
          .call-to-actions-res .addtocart{
            background: var(--primary-color);
            margin:10px 0px ;
            display: flex;color: white;
            font-size: 16px;
            justify-content: center;
            align-items: center;
          }
          .call-to-actions-res .addtocart:hover {
            background: var(--primary-color);
          }
          .call-to-actions-res .buyNow{
            background: rgba(190, 44, 44, 0.563);
            display: flex;
            font-size: 16px;
            justify-content: center;
            align-items: center;
            color:white
          }
          .description-page{
            justify-content: start !important;
          }
          .description-page span{
            padding-right:10px !important;
          }
          .call-to-actions-res .buyNow:hover {
            background: rgba(190, 44, 44, 0.563);
          }
          .call-to-actions{
            display: none !important;
          }
          .back-to-top {
            position:fixed;
            bottom:0px;
            right: 17px !important;
            z-index: 2000;
            opacity: 0;
            cursor: pointer;
            transition: .5s;
            background: none !important;
            border-radius: 50px;
            width: 45px !important;
          }
          .back-to-top img {
            width: 45px !important;
            margin-right: 10px;
            margin-bottom: 12px;
            background: white;
            border-radius: 50px;
          }
          .active-btn {
            pointer-events: auto;
            opacity: 1;
            transform:translateY(-20px) !important;
          }
          .login-sec{
            width: 100% !important;
          }
          .cart-product-list .card{
            margin: 10px;
            padding:0px !important;
        }
        .cart-product-list .card-content{
          align-items: center !important;
        }
        .product-selection{
          padding: 0px !important;
      }
      .card-product-details button{
        margin: 0px !important;
        color: red;
        font-size: 15px !important;
    }
        .product-selection input{
          width: 15px !important;
          height: 15px !important;
      }

      .transaction-container{
        padding:15px  !important;
      }
      .transaction-header div{
        width:50%;
        padding: 5px;
      }
      .left-side{
        flex-wrap:wrap
      }
      .left-side div{
        width: 50%;
        padding: 5px;
      }
      .branch_data{
        flex-direction: column;
      }
      .branch_data img{
        width: 100%;
      }
      .branch_data .data_div{
        margin-left:0px !important;
        /* margin:10px !important */
      }
      .total{
        padding:0px !important
      }
      .desc.dropdown button{
        padding:0px !important
      }
      .desc_details{
        flex-direction: column;
      }
      .order-data{
        width: 100% !important; 
      }
      .total span{
        font-size: 15px !important;
      }
      .branch_data .card{
        /* width: 100vw; */
        margin: 10px;
      }
      .order-date, .order-amount, .order-amount, .order-address{
        padding-left: 0px !important;
      }
      .transaction-header{
        flex-wrap: wrap;
        justify-content: space-between;
      }
      .card-product-details .card-image {
        padding: 5px !important;
        margin-left: -5px;
    }
    .product-selection .card-image img {
            width: 100px !important;
        }
        .card-content{
            display:flex;
            align-items:flex-start !important;
        }
        .cart-product-name{
          font-size: 13px !important; 
          font-weight: bold;
      }
      .cart-product-size{
        font-size: 11px !important;
        }
        .cart-product-qty{
            font-size:11px !important;
        }
        .cart-product-color{
          font-size: 11px !important;
          margin-top: 0px !important;
        }
        .card-product-details p:nth-child(2){
          line-height: 13px !important;
        }
        .card-product-details p:nth-child(1) {
          line-height: 19px !important;
      }
        .cart-product-price-new {
          font-size: 17px !important;
          font-weight: 600;
      }
      .cart-product-price-old {
          font-size: 12px !important;
      }
      .cart-product-price-offer{
          font-size: 10px !important;
          font-weight: 600;
          color: var(--primary-color);
      }
      .cart-section p {
        margin: 0px !important;
      }
      .cart-product-stock{
        font-size: 15px !important;
        color: green;
        font-weight: bold;
    }
    .cart-product-remove-btn img {
      width: 15px !important;
  }
    .cart-product-remove-btn{
      font-size: 12px !important;
    }
    .cart-product-wishlist-btn img {
      width: 15px !important;
  }
    .cart-product-wishlist-btn{
      font-size: 12px !important;
    }

    .checkout-title{
      font-size: 20px !important; 
      font-weight: bold;
  }

  .checkout-product-price{
    font-size: 16px !important;
}
.checkout-product-price-value{
  font-size: 16px !important;
    font-weight: bold;
}
.checkout-product-shipping {
  font-size: 16px !important;
   
}
.checkout-product-shipping-value {
  font-size: 16px !important;
    font-weight: bold
}
.checkout-product-coupon{
  font-size: 16px !important;
}
.checkout-product-coupon-value {
  font-size: 16px !important;
    font-weight: bold
}
.checkout-product-total {
  font-size: 16px !important;
    font-weight: bold;
}
.checkout-product-total-value{
  font-size: 16px !important;
    font-weight: bold
}

.checkout-res{
  position:fixed !important;
  bottom: 0 !important;
  background: white;
  display: flex;
  height: 115px !important;
  justify-content:space-around !important;
  width: 100% !important;
  align-items: baseline !important;
  padding-top: 15px !important;
  z-index: 999;
}

        }



        /*--------- Categorypage --------------*/

        .product{
          position: relative;
          display: block;
          height: 100%;
          border-radius: 10px;
          overflow: hidden;
          text-decoration: none;
          background-color: #fff;
          background-clip: border-box;
          border: 1px solid rgba(0,0,0,.125);
          margin-bottom:10px
        }
        .product-image {
          padding:0px;
        }
        .product-image  img{
          border-radius: 15px;
          width: 100%;
          /* height:300px !important; */
        }
        .product-info{
          flex: 1 1 auto;
          padding: 0px 20px 10px
        }
        .product-info .name {
          font-size: 18px;
          margin: 0 0 0.3em;
          color: #6A515E;
      }
      .product-price{
        display: flex;
        align-items: baseline;
      }
      .product-price span{
        padding-right:10px
      }
      .price{
        font-size: 22px;
        font-weight: 500;
      }
      .price-before-discount{
        font-size: 17px;
        margin-right:10px;margin-left:10px;
        font-weight: 500;
        text-decoration: line-through;
      }
      
      .offer-percentage {
        background: var(--primary-color);
        padding:3px 4px;
        font-size: 14px;
        color: white;
        font-weight: bold;
        border-radius: 5px;
        /* box-shadow: 1px 1px 3px 0px rgb(255, 145, 145) */
      }
         /*section*/
        .card__title:hover {
          color: var(--primary-color);
        }
         .card__price-new {
          font-size: 25px;
          font-weight: 500;
        }
        .card__price-old {
          font-size: 15px;
          
          font-weight: 500;
        }
        .card__price {
          font-size: 25px;
          
          font-weight: 500;
        }

         
          .filter-icon i {
            cursor: pointer;
            margin-left:10px
          }
         .page-header {
          font-size: 27px;
      }

      hr:not([size]){
          height:2px;
      }
      hr {
          color: var(--primary-color);
          width: 18%;
          margin-left: 7.5%;
      }
      
      /*Filter*/

      .price-heading {
        font-size: 20px;
        font-weight: 600;
        margin-bottom:5px
      }

      .price-range span {
        font-size: 20px;
        font-weight: 500;
        margin-bottom:0px
      }

      input[type="range"] {
        filter: hue-rotate(330deg);
          width: 90%;
          height: 1px;
          margin-bottom:20px
      }

      .price-max {
        font-size: 13px;
        font-weight: 500;
        margin-bottom:0px;
        margin-top:5px
      }
      .range-note {
        font-size: 15px !important;
        margin-bottom:5px
      }
      .price {
        display: flex;
      }
      .price input {
        text-align: center;
        padding:3px
      }
      .submit {
        margin-top: 20px;
        background: linear-gradient(to bottom, #33ccff 0%, #0099ff 100%);
        border: 0px;
        color: #fff;
        width: 100%;
        padding:10px;
        border-radius:10px
      }

          .filter-section .dropdown-menu{
            background-color:#fff;
    padding:10px 7px;
    box-shadow: 0px 0px 20px 0px #e9e9e9;
    opacity: 0.9;
              }

          .filter-section .dropdown a{
          font-size: 17px;
          }

          .filter-section .dropdown a:hover{
          color: var(--primary-color) !important;
          }

          .filter-section .dropdown-menu li a{
          color: #1e1e1e !important;
          padding:10px
          }

          .filter-section .dropdown-menu li input {
              margin:10px
          }

          .filter-section .dropdown-menu li a:hover{
          background-color: #ededed !important;
          color: black !important;
          }

          .filter-section .dropdown-menu li a img:hover{
          background-color: transparent !important;
          }

          .filter-section .dropdown-toggle::after{
              display:none;
          }

          .filter-section .display{
          display: flex;
          flex-wrap: wrap;
          width: 100%;
          justify-content: space-between;
          }

          .filter-section .display-menu {
          display: flex;
          width: 100%;
          justify-content: space-between;
          align-items: center;
          }

          .filter-section .flex {
          display: flex;
          justify-content: flex-end;
          align-items: center;
          padding-right: 40px;
          }   
          
          .sticky {
            position: fixed;
            width: 100%;
            top:0;
            z-index: 1;
            padding-top:20px;
            background-color: white;
            box-shadow: 0px 0px 50px 0px grey;
            height:50px;
            display: flex;
            align-items: center;
          }
         
          /*--------------Login and Register page -------------*/

          
          .login-sec{
            margin-top: 3%;
    margin-bottom: 2%;
    border: 1px solid white;
    padding: 15px;
    /* padding-top: 5%; */
    width: 29%;
    box-shadow: 0px 0px 9px 0px rgba(34, 33, 154);
    border-radius: 10px;
          }
          .title {
            color:black;
            font-size: 20px;
            font-weight: 500;
            margin-top: 10px;
        }
        .form-title{
            color: black;
            font-size: 17px;
            margin-top: 0px;
        }
        .sign-btn {
            background:var(--primary-color) !important;
            color: white !important;
            float:right;
        }
        .sign-btn:hover{
            color: white !important;
        }

        hr{
            width: 100%;
            margin-left: 0;
            color: black;
            height:1px !important;
        }
        .google {
            background: white !important;
            color: black !important;
            padding: 10px !important;
            border-radius:0px !important;
            border: 1px solid #b7b7b7 !important;
            font-size: 17px !important;
            border-radius: 0.25rem !important;
            width:100%
        }
        .google:hover{
            color: black !important;
        }


        /*-----------------Product description----------------*/
        
      /*---------------------Call to actions------------*/
      .call-to-actions{
        display:flex;
        flex-direction: column;
        justify-content:space-around;
      }
      .call-to-actions button{
        border: 1px solid rgb(198, 198, 198);
        padding:15px;
        color: black;
      }
      .call-to-actions button img {
        width:22px
      }

      .call-to-actions button i{
        font-size: 22px;

      }

      .call-to-actions .addtocart{
        background: var(--primary-color);
        color:white;
        margin:10px 0px ;
        display: flex;
        font-size: 16px;
        justify-content: center;
        align-items: center;
      }
      .call-to-actions .addtocart:hover {
        background: var(--primary-color);
        box-shadow: 0px 0px 10px 0px grey;
      }
      .call-to-actions .buyNow{
        color:white;
        background: var(--secondary-color);
        display: flex;
        font-size: 16px;
        justify-content: center;
        align-items: center;

      }
      .call-to-actions .buyNow:hover {
        background: var(--secondary-color);
        box-shadow: 0px 0px 10px 0px grey;
      }

      .slide-thumb{
        display: flex;
        flex-direction: column;
      }
      .slide-thumb a{
        margin-bottom:10px
      }
      .slide-thumb a img{
        border:1px solid rgb(214,214,214)
      }
      /* #demo {
        position: sticky;
        -webkit-position: sticky;
        top: 50px;
      }
      .slide-thumb {
        position: sticky;
        -webkit-position: sticky;
        top: 50px;
      } */

      /*-------Product intro------------*/
      .product-intro{
        border: 1px solid rgb(198, 198, 198);
        border-radius: 10px;
        padding: 10px 20px;
      }
      .product-name {
        font-size:25px;
        
      }
      .product-star {
        color:white;

      }
      .product-rating{
        font-size: 17px;
        color:white;
        background: green;
        width:80px;
        padding:4px 10px 4px 6px;
        border-radius:30px;
      }
      .product-offer {
        background: var(--primary-color);
        padding:4px 8px;
        color: white;
        border-radius: 30px;
        font-size: 12.5px;
        font-weight: 600
      }
      .product-offerprice{
        font-size: 25px;
        font-weight: bold;
      }
      .product-price{
        font-size: 18px;
      }
      

      /*---------Select Size------------*/

      .size-selection{
        border: 1px solid rgb(198, 198, 198);
        border-radius: 10px;
        padding: 10px 20px;
        margin-top:10px
      }
      .size-title{
        font-size: 20px;
        margin-bottom: 0px;
      }
      .size-options{
        font-size: 15px;
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
      }
      .size-options label{
        border: 1px solid rgb(198, 198, 198);
        border-radius:15px;
        background: white;
        padding:8px;
        font-size: 15px;
        width:23% !important;
        margin-right: 10px !important;
        margin-top:10px !important;
        text-align: center;

      }
      
      .size-active{
        background: rgba(226, 226, 226, 0.862) !important;
      }
      /* .size-options a:last-of-type{
        margin-top:10px !important
      } */
      .size-options label:hover{
        background: rgba(226, 226, 226, 0.862);
        border: 1px solid rgb(198, 198, 198);
      }

      /*-------------Quantity------------------*/
      .quantity {
        /* min-width: 100%; */
        max-width: 140px !important;
        display: flex;
        border-radius: 10px;
        background: rgb(214, 214, 214);
        text-align: center;
      }
      .quantity button{
        font-size:18px;
        padding:5px 10px;
        border: 0px;
        width:100%;
        text-align:center
      }
      .quantity input {
        font-size:20px;
        padding:5px 10px;
        border: 0px;
        margin-right: -15px;
        width:100%;
        text-align:center
      }
      .minus, .plus{
        cursor: pointer;
      }
      .minus {
        border-right:1px solid rgb(161, 161, 161)
      }
      .plus {
        border-left:1px solid rgb(161, 161, 161)
      }

      /* ----------------Color Selection ----------------------*/

      .color-selection{
        /* border: 1px solid rgb(198, 198, 198); */
        border-radius: 10px;
        
        /* padding: 20px; */
        margin-top:10px
      }
      .color-title{
        font-size: 20px;
        margin-bottom: 5px;
      }
      .color-title span{
        font-weight: bold;
      }
      .color-options a img {
        width: 50px;        
        border: 1px solid rgb(214, 214, 214);
      }
      .color-options{
        width:100%;
        height:20px;
      }
      .color-options a{
        margin-right:10px
      }

      /* ----------------Product Details ----------------------*/
      .details{
        border: 1px solid rgb(198, 198, 198);
        border-radius: 10px;
        padding: 10px 45px;
        margin-top:10px;
      }
      .details-title{
        font-size: 22px;
      }
      .details-content li {
        font-size: 16px;
        line-height: 1.5;
      }
      .details-content ul {
        margin-bottom:0px
      }

      /* ----------------Description---------------------*/
      .description {
        border: 1px solid rgb(198, 198, 198);
        border-radius: 10px;
        padding: 10px 20px;
        margin-top:10px
      }
      .description-title {
        font-size: 20px;
        margin-bottom: 5px;
      }
      .description-content ul li {font-size: 15px;}

      /* ----------------Question section---------------------*/

      .question-section {
        border: 1px solid rgb(198, 198, 198);
        border-radius: 10px;
        padding: 10px 20px;
        margin-top:10px
      }
      .question-title{
        font-size: 20px;
        margin-bottom: 5px ;
      }
      .question-box input{
        font-size: 14px;
      }
      .question-box button{
        width:10%;
        padding:5px 12px;
        font-size: 13px;
        border: 1px solid grey;
        text-align: center;
        background: rgb(233,233,233);
        margin-top: 10px;
        box-shadow: 0px 0px 2px 0px grey;
      }
      .question-box button:hover{
        background: white;
        box-shadow: 0px 0px 0px 0px grey;

      }
      .question-subtitle{
        font-size: 14px;
        margin-bottom: 5px;
      }


      /*----------faq-------------------*/  

      .faq-section{
        border: 1px solid rgb(198, 198, 198);
        border-radius: 10px;
        padding: 10px 20px; 
        margin-top:10px
      }
      .faq-title{
        font-size: 20px;
        margin-bottom: 5px;
      }

      .question-faq {
        background-color: var(--secondary-color);
        color: white;
        cursor: pointer;
        padding: 18px;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 18px;
        transition: 0.4s;
      }

      .faq-body .active, .question-faq:hover {
        background-color: var(--secondary-color); 
        border-radius: 8px 8px 0px 0px;
      }

      .answer {
        padding: 20px;
        display: none;
        font-size: 16px;
        background-color: white;
        overflow: hidden;
        border-left:1px solid rgb(214,214,214);
        border-right:1px solid rgb(214,214,214);
        border-radius: 0px 0px 8px 8px;
        border-bottom:1px solid rgb(214,214,214);
      }

      /*----------Review section-------------------*/
      .review-section {
        border: 1px solid rgb(198, 198, 198);
        border-radius: 10px;
        margin-top:10px
      }
      .review-section .border{
        border: 0px !important;
        border-right: 1px solid rgb(198, 198, 198)!important;
        padding:10px 30px 
      }
      .review-title {
        font-size: 22px;
      }
      .rating-section{
        display:flex;
        align-items:center;
        justify-content:space-between
      }
      .rating-total-value{
        color: green;
        font-size: 35px;
        font-weight: bold;
      }
      .rating-total-count{
        font-size: 15px !important;
        color: grey
      }
      .rating-options ul{
        list-style-type: none;
        display: flex;
        flex-direction: column;
        align-items: center;
      }
      .rating-options li {
        font-size: 15px;
      }
      .rating-options li:not(:last-child) {
        padding-bottom: 15px;
      }
      .rating-bar{
        background: rgb(233, 233, 233);
        width:320px;
        height:6px;
        border-radius: 50px;
      }
      .excellent-rating{background:green;width:90%;height:6px;border-radius: 50px;}
      .vgood-rating{background:green;width:70%;height:6px;border-radius: 50px;}
      .good-rating{background:orange;width:50%;height:6px;border-radius: 50px;}
      .average-rating{background:rgb(251, 91, 16);width:30%;height:6px;border-radius: 50px;}
      .poor-rating{background:rgba(255, 0, 0, 0.868);width:10%;height:6px;border-radius: 50px;}

      .rating-counts {
        padding-left:10px;
        color: grey;
        font-size: 15px;
      }
      .new-review .new-review-title{
        font-size: 22px ;
        font-weight: bold;
        margin-top:10px
      }
      .new-review p{
        font-size: 16px;
        margin: 0px;
      }
      .new-review button{
        margin-top: 10px;
        border: 0px;
        background: rgb(233, 233, 233);
        padding:10px 20px;
        width:100%;
        box-shadow: 0px 0px 3px 1px rgb(187, 187, 187);
      }
      .new-review button:hover {
        background: white;
      }
      .review-content{
        border-radius: 10px;
        padding:10px 30px;
      }
      .review-subtitle{
        font-size: 23px;
      }
      .reviews p {
        margin:0px !important;
      }
      .thumb-img {
        width:25px;
        border-radius: 50px;
      }
      .customer-name{
        font-size: 13px;
      }
      .star{
        color: green;
        font-weight:bold;
      }
      .review-product-title{
        font-size: 18px;
        font-weight: bold;
      }
      .review-product-date{
        font-size: 13px;
      }
      .review-product-details{
        font-size: 14px;
      }
      .review-product-description{
        font-size: 19px;
      }


      /*-----------cart page -----------------*/
      
        .cart-product-list .card{
            margin: 10px;
            padding: 0px;
        }
        .cart-product-list .product-selection{
            padding: 5px;
        }
        .cart-product-list .product-selection input{
            width: 20px;
            height: 20px;
        }
        .cart-product-list .cart-section p{
            margin: 5px;
        }
        .cart-product-list .cart-section{
            padding:20px
        }
       .cart-title{
            font-size: 25px;
            font-weight: bold;
        }
       .cart-header {
            font-size: 20px;
        }
        .cart-product-list .card-image{
          padding:10px 
        }
        .cart-product-list .card-image img {
            /* width:20% */
        }
        .cart-product-list .card-content{
          padding: 20px;
            display:flex;
            /* align-items:center; */
            /* justify-content:space-between; */
        }
        .cart-product-list .card-product-details{
            display:flex;
            flex-direction: column;
            margin-left: 0px;
        }
        .cart-product-list .cart-product-name{
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 2px ;
        }
        .cart-product-list .cart-product-name:hover{
          color:var(--primary-color)
      }
        .cart-product-list p{
          margin-bottom: 2px;
        }
        /* .card-product-details p{
            font-size: 13px;
        } */
        .cart-product-list .cart-product-size{
            font-size: 15px;
        }
        .cart-product-list .cart-product-qty{
            font-size:15px
        }
        .cart-product-list .cart-product-color{
          font-size:15px

        }
        .cart-product-price-new {
            font-size: 20px ;
            font-weight: 600;
        }
        .cart-product-price-old {
            font-size: 14px;
        }
        .cart-product-price-offer{
            font-size: 15px;
            font-weight: 600;
            color: var(--primary-color);
        }
        .cart-product-stock{
            font-size: 18px;
            color: green;
            font-weight: bold;
        }
        .card-product-details .cart-buttons{
          display:flex
        }
      
        .card-product-details button{
            margin: 5px ;
        }
        .cart-product-remove-btn{
            background: none;
            border: none !important;
            padding: 0px !important;
            margin: 0px !important;
            text-align: left !important;
            color: var(--primary-color);
            font-size: 16px;
            display: flex;
            align-items: center
        }
        .cart-product-remove-btn img {
            width: 22px;
        }
        .cart-product-wishlist-btn{
          background: none;
          border: none !important;
          padding: 0px !important;
          margin: 0px !important;
          margin-left: 10px !important;
          text-align: left !important;
          color: var(--primary-color);
          font-size: 16px;
          display: flex;
          align-items: center
      }
      .cart-product-wishlist-btn img {
          width: 22px;
      }

        .checkout-section{
            padding:20px;
            position:sticky !important;
            -webkit-position:sticky !important;
            top: 10px;
        }

        .checkout-title{
            font-size: 20px;
            font-weight: bold;
        }
        .checkout-product-price{
            font-size: 18px;
        }
        .checkout-product-price-value{
            font-size: 18px;
            font-weight: bold;
        }
        .checkout-product-shipping {
            font-size: 18px;
           
        }
        .checkout-product-shipping-value {
            font-size: 18px;
            font-weight: bold
        }
        .checkout-section button[disabled] {
          cursor: not-allowed;
          background: #c5c5c9;
          opacity: .7;
          color: white;
      }
      .checkout-section button:not(:disabled){
        cursor: pointer;
        background: var(--primary-color);
        color: white;
      }
        .checkout-product-coupon{
            font-size: 18px;
            width:100%
        }
        .checkout-product-coupon-value {
            font-size: 18px;
            font-weight: bold
        }
        .checkout-product-total {
            font-size: 20px;
            font-weight: bold;
        }
        .checkout-product-total-value{
            font-size: 20px;
            font-weight: bold
        }
        .border-left{
            border-left: 1px solid rgb(214, 214, 214);
        }
        .cpp {
            display: flex;
            justify-content: space-between;
            align-items: center;
          width:100%
        }
        .cpp input[type="input"]{
            width: 80%;
            height: auto;
        }
        .cpp input[type="submit"]{
            background: var(--primary-color);
            border: 0px;
            height: auto;
            color: white;
            padding:6px 12px;
            border-radius:5px
        }
        .checkout-product-continue{
            border: 0px;
            width: 100%;
            padding:10px;
            font-size: 18px;
            font-weight: bold;
            color: white;
            background: rgb(255, 72, 72);
        }
        


      /*---------------Back to top -----------------*/

      .back-to-top {
        position:fixed;
        bottom:40px;
        right: 30px;
        z-index: 2000;
        opacity: 0;
        cursor: pointer;
        transition: .5s;
        background: white;
        border-radius: 50px;
      }
      .back-to-top img {
        width: 55px;
      }
      .active-btn {
        pointer-events: auto;
        opacity: 1;
        transform:translateY(-45px);
      }


      /*----------Chekout pages--------------------*/
      .top-bar{
        display: flex;
        margin-top:35px !important;
        text-align: center;
    }
    .top-bar img {
        width: 25px;
    }
    .top-bar p{
        font-size:12px;
        width:100px
    }
    .hr{
        color:var(--primary-color) !important;
        height: 1.5px !important;
    }
    .img-active img{
        border: 1px solid var(--primary-color);
        border-radius: 50px;
    }
    .title-active {
        color: var(--primary-color);
    }

      /*-----------------Address section---------*/

      .edit-address{
        color: var(--primary-color);
        background: transparent;
        border: none !important;
        float: right;
    }
    
      .address-section{
        border: 1px solid rgb(198, 198, 198);
        border-radius: 10px;
        padding: 10px;
        margin-top:10px
      }


      .new-address, .order-summary {
        background-color: rgb(248, 248, 248);
        color: var(--primary-color);
        cursor: pointer;
        padding: 10px;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        border-radius: 10px;
        font-weight: 500;
        font-size: 17px;
        transition: 0.4s;
      }

      .address-body .active, .new-address:hover, .order-summary:hover {
        background-color: rgb(233, 233, 233); 
        border-bottom: 1px solid var(--primary-color);
      }

      .address-form {
        padding: 10px;
        border-radius: 10px 10px;
        display: none;
        background-color: white;
        overflow: hidden;
      }
      .address-subtitle {
        font-size: 20px;
        font-weight: bold;
        margin:10px 0px
      }

      .form-group {
        display: flex;
        flex-direction: column;
      }
      .form-group input {
        margin: 10px 0px;
      }
      .address-add-btn{
        background: var(--primary-color);
        color: white;
        padding: 10px;
        border:none;
        font-size: 18px;
        width: 100%;
      }
      .cancel-add-btn{
        width:100%;
        background: rgb(255, 77, 77);
        color: white;
        padding: 10px;
        border:none;
        font-size: 18px;
      }

      .active-address{
        background-color: rgb(188, 224, 212) !important;

      }
      .old-address-section {
        margin-top: 10px;
        color: var(--primary-color);
        cursor: pointer;
        padding: 20px;
        width: 100%;
        border: 1px solid rgb(204, 204, 204);
        text-align: left;
        outline: none;
        border-radius: 10px;
        font-weight: 500;
        font-size: 17px;
        transition: 0.4s;
      }

      .address-selection{
        display:flex;
        align-items: center;
        justify-content: space-between;
      }
      .customer-name {
        font-size: 20px;
        color: black !important;
        font-weight: 600;
        margin-bottom: 4px;
      }
      .customer-address {
        color:black;
        font-size: 18px;
        margin-top: 10px;
      }
      .address-edit-btn {
        background: none;
        border:none;
        color: var(--primary-color);
        padding:0px;
        font-weight: bold;
        font-size: 18px;
      }
      .address-selection-title {
        color: var(--primary-color);
        text-align: left;
        padding:10px 10px 0px 10px;
        border-radius: 10px;
        font-weight: 500;
        font-size: 22px;
        border-bottom: 1px solid grey;
        border-radius: 0px;
        width: 40%;
        margin-top: 20px;
      }
      /* .address-selection input {
        width: 20px;height: 20px;
        background: white;
        border:1px solid var(--primary-color);
        padding:10px
      } */
      .address-selection input[type="radio"] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 20px;
        height: 20px;
        padding: 2px;
        background-clip: content-box;
        border: 2px solid rgb(255, 97, 97);
        cursor: pointer;
      
        border-radius: 50%;    
        }
      
      .address-selection input[type="radio"]:checked {
        background-color: rgb(255, 97, 97);
      }
      
      .address-conform-btn{
        background: var(--primary-color);
        width:100%;
        padding:10px !important;
        font-size: 18px;
        color: white;
        border:none;
        margin-top: 20px;
        font-weight: bold;
      }

      .address-type{
        padding:0px;
        
        border-radius: 10px;
        margin-top: 10px;
      }
      .address-type-title{
        font-size: 20px;
        color: black;
      }
      .home-type, .office-type{
        display: flex;
        align-items: center;
      }
      .home-type-title, .office-type-title{
        margin-left: 10px;
        font-size: 17px;
      }
      .payment-section {
        border: 1px solid rgb(198, 198, 198);
        border-radius: 10px;
        padding: 10px;
        margin-top:10px
      }

      .payment-selection-title {
        color: var(--primary-color);
        text-align: left;
        padding:10px 10px 0px 10px;
        border-radius: 10px;
        font-weight: 500;
        font-size: 22px;
        border-bottom: 1px solid grey;
        border-radius: 0px;
        margin-top: 20px;
        width:40%
      }
      .payment-body{
        padding: 10px
      }

      .cod {
        display:flex;align-items:center;
      }
      .cod input,.online-payment input {
        width: 15px;height: 15px;
      }
      .cod-title {
        font-size: 15px;
        margin-left: 10px;
      }

      .online-payment{
        display:flex;align-items:center;
        margin-top: 5px;
      }

      .online-payment-title{
        font-size: 18px;
        /* margin-left: 10px; */
      }
      .online-payment-subtitle{
        font-size: 15px;
      }
      .continue-to-payment{
        border: 0px;
        width: 100%;
        padding:10px;
        font-size: 18px;
        font-weight: bold;
        color: white;
        background: rgb(255, 72, 72);
    }


    /*-------------account profile page -----------------*/
    .breadcrumbs{
      padding-top:20px
    }
    .breadcrumbs  button {
      background: none;
      border: none;
      font-size: 15px;
    }
    
    .breadcrumbs button:nth-child(2) a{
      color: var(--primary-color) !important;
    }
    .breadcrumbs button:nth-child(1) a:hover{
      color: var(--primary-color) !important;
    }
    .address-bread  button:nth-child(2) a{
      color: black !important;
    }
    .address-bread  button:nth-child(2) a:hover{
      color: var(--primary-color) !important;
    }
    .address-bread  button:nth-child(3) a{
      color: var(--primary-color) !important;
    }
    .profile-page-title{
      font-size: 25px;
      font-weight: bold;
      margin-top: 30px;
  }
  .your-order-section{
      padding:10px;
      border: 1px solid rgb(212, 212, 212);
      border-radius: 10px;
      display: flex;
      align-items: center;
      width: 100%;
      margin:13px;
  }
  .your-order-section:hover{
      background: rgb(232, 232, 232);
      cursor: pointer;
  }
  .your-order-section-title{
      font-size: 18px;
      font-weight: bold;
      padding-left: 15px;
      margin-bottom:0px;
  }
  .your-order-section-subtitle{
      font-size: 13px;
      padding-left: 15px;
      margin-bottom: 0px;
  }
  .your-order-section img {
      border-radius: 10px;
  }



  /*-------------------------Place Order Page-------------------------*/
  .review-order-title{
    font-size: 22px;
    font-weight: bold;
}
.review-order-details{
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    padding:20px
}
.address-review{
    padding:10px;
}
.shipping-address-title,
.payment-method-title{
    font-size: 18px;
    font-weight:500; 
}

.payment-review{
    padding:10px;
}
.payment-method-subtitle{
    font-size: 18px;
    font-weight:600;
}
.delivery-review{
    margin-top: 20px;
   
}
.delivery-review .card{
    padding:10px;
    margin-right: 20px;
    width:85%; 
}
.delivery-review .card-product-details {
    padding:0px;
    margin-left: -80px;
}
.delivery-review .card-product-details p{
  margin-bottom: 2px;
}
.delivery-review .card-image img{
    width:60% !important
}
.delivery-review .cart-product-size{
    font-size: 15px;
}
.delivery-review .cart-product-qty{
    font-size: 15px;
}
.delivery-review .cart-product-color{
  font-size: 15px;
}
.delivery-review .card-image{
    padding:0px
}
.delivery-review .card-content{
    /* padding:10px; */
    display:flex;
    align-items:center
}
.delivery-review .cart-product-name {
    font-size: 18px ;
    margin-bottom: 2px;
    font-weight: bold;
}


.place-order{
border: 0px;
width: 100%;
padding:10px;
font-size: 18px;
font-weight: bold;
color: white;
background: rgb(255, 72, 72);
}



  /*----------------------Orders page--------------------------*/


  .order-page-title{
    font-size: 25px;
    font-weight: bold;
    color: black;
    margin-top: 20px;
}
.ordered-product-details{
  display:flex;
  align-items: center;
  width: 70%; 
  padding-top: 20px;  
}
.ordered-product-details img{
  width:15%
}
.ordered-product-details .product-name{
  padding-left: 20px;
}
.order-types button{
    background: none;
    border: none;
    font-size: 20px;
    font-weight: 500;
}

.active-orders-btns{
    color: var(--primary-color);
    /* border-bottom: 1px solid var(--primary-color) !important; */
}
.orders-btns:hover{
    border-bottom: 1px solid var(--primary-color) !important;
    color: var(--primary-color);
}

.order-details{
    padding:20px;
    border: 1px solid rgb(214, 214, 214);
    border-radius: 10px;
}

.order-details-header{
    display:flex;
    justify-content:space-between;
    border-bottom: 1px solid rgb(214, 214, 214);
}
.left-side{
    display:flex;
}
.left-side p{
    margin-bottom: 0px;
}
.right-side p{
    margin-bottom: 0px;
}
.order-amount, .order-address{
    padding-left: 104px;
}
.order-date, .order-amount, .order-address{
    font-size: 14px;
}
.order-address .customer-name{
    font-size: 14px;
}
.date-of-order{
    font-size: 14px;
    font-weight: bold;
}
.order-total-amount{
    font-size: 14px;
    font-weight: bold;
}

.order-number{
    text-align: right;
    font-size: 15px;
    font-weight: bold;
}
.right-side button{
    background: none;
    border: none;
}
.right-side button:hover{
    color: var(--primary-color);
}
.order-details-body{
    display: flex;
    justify-content:space-between;
    margin-top: 20px;
    align-items:center
}
.arriving-date{
    font-size: 20px;
    font-weight: bold;
    margin:0px
}
.order-status{
    color: green;
    margin: 0px;
    font-weight: bold;
    font-size: 20px;
    text-decoration: underline;
}
.ordedarkblue-product-details{
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.ordedarkblue-product-details img{
    width: 150px ;
    border-radius: 10px;
}
.ordedarkblue-product-details p{
    padding-left: 20px;
    font-size: 25px;
    width:60%
}
.product-options {
    display: flex;
    flex-direction: column;
    width:500px;
    text-align:end
}
.product-options button{
    
    border: none;
}
.track-package-btn{
    background: rgb(255, 225, 0);
    color: black;
    padding:10px 20px;
    border-radius: 10px;
    margin-bottom:10px;
    font-size: 15px;
}
.cancel-item-btn{
    background: var(--primary-color);
    color: white;
    padding:10px 20px;
    border-radius: 10px;
    margin-bottom:10px;
    font-size: 15px;

}



/*--------------order Details---------------------*/
.order-details-page-title{
  font-size: 25px;
  font-weight: bold;
  margin-top: 20px;
}
.order-details-btn{
  font-size:16px
}
.invoice-btn{
  font-size: 16px;
}
.order-subsection{
  display:flex;
  justify-content:space-between;
}
.order-subsection .invoice-btn{
  background: none;
  border: 0px;
  font-size:18px;
}
.order-subsection .invoice-btn:hover{
  color: var(--primary-color);
}
.order-date-details, .order-number-details{
  font-size: 18px;

}
.order-date-details{
  padding-right: 20px;
}

.order-number-details{
  padding-left: 20px;
}
.order-summary-title{
  font-size: 20px;
  font-weight: bold;
}
.order-summary p{
  display: flex;
  justify-content:space-between;
}
.item-total-amount-value, .shipping-amount-value, .coupon-amount-value, .grand-total-value{
  padding-left:20px
}
.grand-total{
  border-top: 1px solid rgb(214,214,214);
  padding-top: 20px;
}
.grand-total-title{
  font-size: 20px;
  font-weight: bold;
}
.grand-total-value{
  font-size: 20px;
  font-weight: bold;
}
.order-details-page .order-details-body{
  border: 1px solid rgb(214,214,214) !important;
  border-radius: 10px;
  padding: 30px
}



/*--------------------Track page-----------------------*/


     
.test ul{
display: flex;
flex-direction: column;
justify-content: flex-start;
z-index: 100;
}
.test ul li{
list-style: none;
display: flex;
justify-content:flex-start;
align-items: center;
}
.test ul li .icon{
font-size: 35px;
color: #ff4732;
margin: 0 60px;
}
.test ul li .text{
font-size: 14px;
font-weight: 600;
color: #ff4732;
}

/* Progress Div Css  */
.test ul li .progress{
width: 50px;
height: 50px;
border-radius: 50%;
border:1px solid var(--primary-color);
background-color: rgba(255, 255, 255, 0.781);
margin: 14px 0;
display: grid;
place-items: center;
color: #fff;
font-size: 20px;
cursor: pointer;
margin:20px;


}
/* ul li .progress{
width: 30px;
height: 30px;
border-radius: 50%;
background-color: rgba(68, 68, 68, 0.781);
margin: 14px 0;
display: grid;
place-items: center;
color: #fff;
position: relative;
cursor: pointer;
} */
.test .progress::after{
content: " ";
position: absolute;
width: 41px;
height: 4px;
border: 1px solid var(--primary-color);
border-right: none;
border-left: none;
background-color: white;
margin-top: -90px;
transform: rotate(90deg)
}



.test .one::after{
width: 0 !important;

height: 0 !important;
}
.test ul li .progress .uil{
display: none;
}
.test ul li .progress p {
font-size: 20px;
padding-top: 4px;
color: var(--primary-color) ;
}



/* Active Css  */

.test ul li .active{
background-color: #ff4732;
display: grid;
place-items: center;
}
.test li .active::after{
background-color: #ff4732;
}
.test ul li .active p{
display: none;
}
.test ul li .active .uil{
font-size: 25px;
display: flex;
}

.track-package-title-section{
display: flex;
justify-content:space-between;
align-items:center;
}
.track-package-title-section .track-package-title{
font-size: 30px;
font-weight: bold;
margin-left: 50px;
}
.track-package-title-section img{
width: 150px;
padding:20px
}

.track-package-details{
display: flex;
margin-left: 50px;
}
.shipping-address{
padding:20px 90px 20px 20px ;
border: 2px solid grey;
}
.shipping-address-title{
font-size: 20px;
font-weight: bold;

}
.shipping-address-details{
font-size: 15px;
}
.order-info{
padding:20px;
border: 2px solid grey;
margin-left: 20px;
}
.order-info button{
background: none;
border: none;
color: rgb(66, 117, 117);
}
.order-info button:hover{
color: var(--primary-color);
}

/*---------------------Wishlist page---------------------*/

        .page-title{
            font-size: 30px;
            font-weight: bold;
            padding-top:20px
        }
        .wishlist-options {
            display:flex;
            flex-direction: column;
            padding: 20px;
        }
        .add-to-cart-btn{
            margin-bottom: 10px;
            border: none;
            padding: 10px;
            background: rgb(255, 225, 0);
            color:black;
        }
        .add-to-cart-btn:hover{
            background: rgb(227, 200, 0);
        }
        .delete-btn{
            border: none;
            background: var(--primary-color);
            padding:10px;
            color: white;
        }
        .delete-btn:hover{
            background: var(--primary-color);
        }

/*------------------Logn-security----------------*/


.information-page-body{
    background: #eaeaea;
}
.information-page-title{
    font-size:30px;
    font-weight: bold;
    border-bottom:  1px solid rgb(214,214,214);
}
.information{
    background: white;
    padding:20px;
    border: 1px solid rgb(214,214,214);
    width:25%;
    border-radius: 0px;
    margin-top:40px;
    /* box-shadow: 0px 0px 2px 0px black; */
}
.information-body{
    text-align: center;
}
.information-body p{
    font-size: 22px;
    margin:0px !important;
    text-align: left;
}
.information-body input{
    padding:6px 10px;
    margin-bottom: 20px;
    width:100%
}
.edit-information-btn{
    background: none;
    border: none;
    color: var(--primary-color);
    font-size: 20px;
    padding: 0px;
    font-weight: bold;
}
.save-information-btn{
    background: none;
    border: none;
    color: green;
    font-size: 20px;
    padding-left: 50px;
    font-weight: bold;
    /* display:none; */
}


/*-----------------Your address page-----------------*/

.add-new-address:hover{
    background: rgb(238, 238, 238);
}
.add-new-address{
    display:flex;
    flex-direction: column;
    justify-content:center;
    align-items:center;
    border: 2px solid rgb(214, 214, 214);
    border-radius: 10px;
    margin: 10px;
    width:100%;
    height: 93.5%;
}
.add-new-address .uil{
    font-size: 25px;
    font-weight: bold;
}
.add-new-address p{
    font-size: 25px;
    font-weight: bold;
}

.existing-address{
    padding:60px 25px 0px 25px;   
    border: 2px solid rgb(214, 214, 214);
    border-radius: 10px;
    margin: 10px;
    width:100%
}
.existing-address-details{
    display: flex;
    flex-direction: column;
    text-align: center;
}
.address-options{
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content:space-around;
    width:100%;
    padding-top: 50px;
}
.edit-btn{
    border: none;
    background: none;
    color: var(--primary-color);
    font-size: 18px;
    padding:0px
}
.remove-btn{
    border: none;
    background: none;
    color: var(--primary-color);
    font-size: 18px;
    padding:0px
}

/*--------------------- Cancel order page --------------------*/
.message-section{
  background: rgb(255, 134, 134);
  padding: 20px;
}
.message-section-title{
  font-size: 20px;
  color: white;
  font-weight: bold;
}
.message-section-details{
  font-size: 17px;
  font-weight: bold;
}
.order-status-section{
  padding: 10px;
  background: green;
}
.order-status-section p{
  color: white;
  font-size: 20px;
}
.cancel-order-header{
  padding: 10px;
  background: rgb(220,220,220);
}
.cancel-order-header .container{
  display: flex;
  justify-content: space-between;
}
.cancel-order-header .border-bottom{
 
  border-bottom: 1px solid rgb(109, 107, 107) !important;
  margin-bottom: 15px;
}
.cancel-order-header p{
  font-size: 20px;
  font-weight: 500;
  margin:0px
}
.container .cancel-order-items{
  display: flex;
  justify-content:space-between
}
.total-cost{
  float:right !important;
}
.reason-for-cancel{
  background: rgb(220, 220, 220);
  padding:20px;
}
.reason-for-cancel .reason-for-cancel-title{
  font-size: 20px;
  font-weight: bold;
}
.reason-for-cancel .options{
  padding:10px;
  width:50%
}
.cancel-req-btn{
  background: none;
  border: 1px solid black;
  display:flex;
  padding:10px;
  background: rgb(255, 236, 90);
  margin-top: 10px;
}
.cancel-req-btn:hover{
  background: rgb(239, 226, 127);

}
.cancel-req-btn-section{
  display:flex;
  justify-content: flex-end;
}

/*----------------add address page----------------*/
.add-address{
  padding:20px;
  border:1px solid rgba(215,215,215);
  margin-top:10px;
  width:50%
}

/*------------------return page-------------------------*/
.reason-for-return-title{
  font-size: 22px;
  font-weight: bold;
}
.return-btn{
  background: var(--primary-color);
  padding:10px;
  color: white;
  border: 0px;
}


/*---------------thank you------------------------*/
.swal-button{
  background: rgb(255, 87, 87);
}
.swal-button:hover{
  border: 0px !important;
  background: var(--primary-color) !important;
}
.swal-title{
  color: black;
}
.swal-text{
  color: black;
  font-size:15px;
  letter-spacing:1px
}


/*--------------Header-responsive design------------------*/



		
	.filter-header .v-center-filter{
				align-items: center;
			}
			.filter-header ul{
				list-style: none;
				margin:0;
				padding:0;
			}
			.filter-header a{
				text-decoration: none;
			}
			/* header */
			.filter-header{
				display: block;
				width: 100%;
				position: relative;
				z-index: 99;
				padding:15px;
			}
			.filter-header .item-left-filter{
				flex:0 0 17%;
			}
			.filter-header .logo a{
				font-size: 30px;
				color:#000000;
				font-weight: 700;
				text-decoration: none;
			}
			.filter-header .item-center-filter{
				flex:0 0 66%;
			}
			.filter-header .item-right-filter{
				flex:0 0 17%;
				display: flex;
				justify-content: flex-end;
			}
			.filter-header .item-right-filter a{ 
				text-decoration: none;
				font-size: 16px;
				color:#555555;
				display: inline-block;
				margin-left: 10px;
				transition: color 0.3s ease;
			}
			.filter-header .filter-menu > ul > li{
				display: inline-block;
				line-height: 50px;
				margin-left: 25px;
			}
			.filter-header .filter-menu > ul > li > a{
				font-size: 15px;
				font-weight: 500;
				color:#000000;
				position: relative;
				text-transform: capitalize;
				transition: color 0.3s ease;
			}
			.filter-header .filter-menu > ul > li .sub-menu-filter{
				position: absolute;
				z-index: 500;
				background-color:#ffffff;
				box-shadow: -2px 2px 70px -25px rgba(0,0,0,0.3); 
				padding: 20px 30px;
				transition: all 0.5s ease;
				margin-top:25px;
				opacity:0;
				visibility: hidden;
			}
			@media(min-width: 992px){
			.filter-header .filter-menu > ul > li.menu-item-has-children:hover .sub-menu-filter{
				margin-top: 0;
				visibility: visible;
				opacity: 1;
			}
			}
			.filter-header .filter-menu > ul > li .sub-menu-filter > ul > li{
				line-height: 1;
				padding: 10px 0px 0px;
			}
			.filter-header .filter-menu > ul > li .sub-menu-filter > ul > li > a{
				display: inline-block;
				padding: 10px 0;
				font-size: 15px;
				color: #555555;
				transition: color 0.3s ease;
				text-decoration: none;
				text-transform: capitalize;
			}
			.filter-header .filter-menu > ul > li .single-column-menu{
				min-width: 280px;
				max-width: 350px;
			}
			.filter-header .filter-menu > ul > li .sub-menu-filter.mega-menu-filter > .list-item > ul > li{
			line-height: 1;
			display: block; 
			padding: 10px 0px 
			}
			.filter-header .filter-menu > ul > li .sub-menu-filter.mega-menu-filter > .list-item > ul > li > a {
				padding:10px 0;
				display: inline-block;
				font-size: 15px;
				color:#555555;
				transition: color 0.3s ease;
			}
			.filter-header .filter-menu > ul > li .sub-menu-filter.mega-menu-filter{ 
				left: 50%;
				transform: translateX(-50%);	
			}

			.filter-header .filter-menu > ul > li .sub-menu-filter.mega-menu-column-3{
			max-width: 1100px;
			width: 100%; 	
			display: flex;
			flex-wrap: wrap;
			padding:20px 15px;
			}
			.filter-header .filter-menu > ul > li .sub-menu-filter.mega-menu-column-3 > .list-item{
			flex:0 0 25%;
			padding:0 15px;
			font-size:14px;
			}
			.filter-header .filter-menu > ul > li .sub-menu-filter.mega-menu-column-3 > .list-item .title{
				font-size: 16px;
				color:#ea4636;
				font-weight: 500;
				line-height: 1;
				padding:10px 0;
			}
			.filter-header .filter-menu > ul > li .sub-menu-filter.mega-menu-column-3 > .list-item.text-center .title{
				text-align: center;
			}
			.filter-header .filter-menu > ul > li .sub-menu-filter.mega-menu-column-3 > .list-item img{
				max-width: 100%;
				width: 100%;
				vertical-align: middle;
				margin-top: 10px;
			}
			.filter-header .filter-menu > ul > li .sub-menu-filter.mega-menu-filter > .list-item > ul > li > a:hover,
			.filter-header .filter-menu > ul > li .sub-menu-filter > ul > li > a:hover,
			.filter-header .item-right-filter a:hover,
			.filter-header .filter-menu > ul > li:hover > a{
				color:#ea4636;
			}
			
			/*responsive*/
			@media(max-width: 991px){

				.filter-header .item-center-filter{
					order:3;
					flex:0 0 100%;
				}
				.filter-header .item-left-filter,
				.filter-header .item-right-filter{
					flex:0 0 auto;
				}
				.filter-header .v-center-filter{
					justify-content: space-between;
				}
				.filter-header .mobile-menu-trigger-filter{
					display: flex;
					height: 30px;
					width: 30px;
					margin-left: 15px;
					cursor: pointer;
					align-items: center;
					justify-content: center;
				}
				.filter-header .mobile-menu-trigger-filter span{
					display: block;
					height: 2px;
					background-color: #333333;
					width: 24px;
					position: relative;
				}
				.filter-header .mobile-menu-trigger-filter span:before,
				.filter-header .mobile-menu-trigger-filter span:after{
					content: '';
					position: absolute;
					left:0;
					width: 100%;
					height: 100%;
					background-color: #333333;
				}
				.filter-header .mobile-menu-trigger-filter span:before{
					top:-6px;
				}
				.filter-header .mobile-menu-trigger-filter span:after{
					top:6px;
				}
				.filter-header .item-right-filter{
					align-items: center;
				}

				.filter-header .filter-menu{
					position: fixed;
					width: 320px;
					background-color:#ffffff;
					left:0;
					top:0;
					height: 100%;
					overflow: hidden;
					transform: translate(-100%);
					transition: all 0.5s ease;
					z-index: 1099;
				}
				.filter-header .filter-menu.active{
				transform: translate(0%);	
				}
				.filter-header .filter-menu > ul > li{
					line-height: 1;
					margin:0;
					display: block;
				}
				.filter-header .filter-menu > ul > li > a{
					line-height: 50px;
					height: 50px;
					padding:0 50px 0 15px;
					display: block;
					border-bottom: 1px solid rgba(0,0,0,0.1);
				}
				.filter-header .filter-menu > ul > li > a i{
					position: absolute;
					height: 50px;
					width: 50px;
					top:0;
					right: 0;
					text-align: center;
					line-height: 50px;
					transform: rotate(-90deg);
				}
				.filter-header .filter-menu .mobile-menu-head-filter{
					display: flex;
					height: 50px;
					border-bottom: 1px solid rgba(0,0,0,0.1);
					justify-content: space-between;
					align-items: center;
					position: relative;
					z-index: 501;
					position: sticky;
					background-color: #ffffff;
					top:0;
				}
				.filter-header .filter-menu .mobile-menu-head-filter .go-back-filter{
					height: 50px;
					width: 50px;
					border-right: 1px solid rgba(0,0,0,0.1);
					cursor: pointer;
					line-height: 50px;
					text-align: center;
					color:#000000;
					font-size: 16px;
					display: none;
				}
				.filter-header .filter-menu .mobile-menu-head-filter.active .go-back-filter{
					display: block;
				}
				.filter-header .filter-menu .mobile-menu-head-filter .current-menu-title-filter{
					font-size: 15px;
					font-weight: 500;
					color:#000000;
				}
				.filter-header .filter-menu .mobile-menu-head-filter .mobile-menu-close-filter{
					height: 50px;
					width: 50px;
					border-left: 1px solid rgba(0,0,0,0.1);
					cursor: pointer;
					line-height: 50px;
					text-align: center;
					color:#000000;	
					font-size: 25px;
				}
				.filter-header .filter-menu .menu-main-filter{
					height: 100%;
					overflow-x: hidden;
					overflow-y: auto;
				}
				.filter-header .filter-menu > ul > li .sub-menu-filter.mega-menu-filter,
				.filter-header .filter-menu > ul > li .sub-menu-filter{
					visibility: visible;
					opacity: 1;
					position: absolute;
					box-shadow: none;
					margin:0;
					padding:15px;
					top:0;
					left:0;
					width: 100%;
					height: 100%;
					padding-top: 65px;
					max-width: none;
					min-width: auto;
					display: none;
					transform: translateX(0%);
					overflow-y: auto;
				}
			.filter-header .filter-menu > ul > li .sub-menu-filter.active{
				display: block;
			}
			@keyframes slideLeftfilter{
				0%{
					opacity:0;
					transform: translateX(100%);
				}
				100%{
					opacity:1;
					transform: translateX(0%);	
				}
			}
			@keyframes slideRightfilter{
				0%{
					opacity:1;
					transform: translateX(0%);
				}
				100%{
					opacity:0;
					transform: translateX(100%);	
				}
			}
				.filter-header .filter-menu > ul > li .sub-menu-filter.mega-menu-column-3 > .list-item img{
					margin-top:0;
				}
				.filter-header .filter-menu > ul > li .sub-menu-filter.mega-menu-column-3 > .list-item.text-center .title{
					margin-bottom: 20px;
				}
				.filter-header .filter-menu > ul > li .sub-menu-filter.mega-menu-column-3 > .list-item.text-center:last-child .title{
					margin-bottom:0px;
				}
				.filter-header .filter-menu > ul > li .sub-menu-filter.mega-menu-column-3 > .list-item{
					flex: 0 0 100%;
					padding: 0px;
				}
				.filter-header .filter-menu > ul > li .sub-menu-filter > ul > li > a,
				.filter-header .filter-menu > ul > li .sub-menu-filter.mega-menu-filter > .list-item > ul > li > a{
					display: block;
				}
				.filter-header .filter-menu > ul > li .sub-menu-filter.mega-menu-filter > .list-item > ul {
					margin-bottom: 15px;
				}
				.filter-header .menu-overlay-filter{
					position: fixed;
					background-color: rgba(0,0,0,0.5);
					left:0;
					top:0;
					width: 100%;
					height: 100%;
					z-index: 1098;
					visibility: hidden;
					opacity:0;
					transition: all 0.5s ease;
				}
				.filter-header .menu-overlay-filter.active{
				visibility: visible;
				opacity:1;	
				}
			}

			.sidebar-widget-body .btn{
				color: white;
				font-size: 15px;
				background: #131340;
				padding: 10px 20px;
				margin-top: 20px;
			}
			.sidebar-widget-body .btn:hover{
				color: white;

			}.sidebar-widget-body .btn:focus{
				color: white;
				border: 0px;
				box-shadow: none !important;
			}

			@media screen and (min-width:320px) and (max-width:1200px) {
				.res-filter{
					display: block !important;
				}
        
			}
			@media screen and (min-width:701px) and (max-width:2560px) {
				.res-filter{
					display: none !important;
				}
        .filter-section{
          border-bottom:1px solid #e1e1e1
        }
			}

			.sticky-category{
            position: fixed !important;
            width: 24%;
            top: 50px;
            right: 0%;
            z-index: 2;
            background-color: white;
            box-shadow: 0px 3px 6px 0px grey;
            height:50px;
            display: flex;
            align-items: center;
          }
          .category .dropdown{
            width:100%;
          }
          /* .category a{
            display: flex;
            justify-content: space-around;
            margin-left: 45px;
            margin-right: 7px
          }
          .category .dropdown-menu li a{
            padding-left:18%
          }
          .category .dropdown-menu li a:hover{
            background-color: transparent !important;
          } */



          /*-------------Filter Price Range--------------*/
          



          .navbar {
            border: none !important;
            margin-bottom: 0% !important;
            background-color: #ffffff !important;
          }
          .navbar a {
           font-weight: 500;
           color: #000;
          }
          #mynavbar li a
          {
              color: black;
              padding-right: 20px;
              line-height:normal;
              letter-spacing: normal !important;
          }
          #mynavbar li a:hover {
            color: var(--primary-color);
            text-decoration: none;
          }
          #mynavbar li a:active {
            color: #949494;
          }
         
          .menus {
            margin-left: 10px;
            font-size: 16px !important;
          }
          /*searchbar*/
          
          
          .search {
            width: 100%;
            position: relative;
            display: flex;
            padding: 15px;
          }
          
          .searchTerm {
            width: 100%;
            border:none;
            background-color: #f3f3f3;
            padding: 25px;
            height: 20px;
            border-radius: 5px;
            outline: none;
            color: #ffffff;
          }
          
          .searchTerm:focus{
            color:rgb(77, 77, 77);
            font-weight: 100 !important;
          }
          
          .searchButton {
            width: 30px;
            height: 36px;
            border: none;
            text-align: center;
            color: #fff;
            border-radius: 0 5px 5px 0;
            cursor: pointer;
            font-size: 20px;
            margin-top: 5px;
          }
          #cars {
            border: none;
            padding: 15px;
            border-radius: 5px 0px 0px 5px;
            background-color: #f3f3f3;
            font-size: 13px;
            font-weight: 500;
            margin-right: -1px;
          }
          #cars:hover #cars:active{
           border: none;
          }
          /*Resize the wrap to see the search bar change!*/
          .wrap{
            width: 40%;
            position: absolute;
            top: 55%;
            left: 40%;
            transform: translate(-50%, -50%);
          }
          .search1 {
            padding-right: 0px !important;
            padding-left: 50px;
            margin-top: 5px;
            margin-right: 20px;
            border:none;
            /* width: 40% !important; */
          }
          .search button:hover  {
           background-color: transparent;
           color: black;
          
          }
          .search button{
            background-color:transparent;
            color: black;
            margin-left: -47px;
           }
           .search1 a {
            margin-left: 0px;
            margin-right: 20px;
            color: black;
            font-size: 25px;
            font-weight: 400;
            transition: all .42s ease;
           }
           .search1 a:hover { 
            transform: scale(1.1);
            color:var(--primary-color);
          }
           .dropdown-menu a:hover {
               background-color:transparent;
           }
           .cart {
            padding-right: 0px;
            margin-left: 0px;
            
            color: black;
            font-size: 25px;
            font-weight: 400;
           }
            cart:hover { 
              transform: scale(1.1);
              color:var(--primary-color) !important;
            }
            .profile {
              margin-left: 20px !important;
              /* font-size:27px */
            }
            .me-2{
              
              background-color: transparent !important;
              border-bottom: 2px solid black !important;
              border-top: none !important;
              border-left: none !important;
              border-right: none !important;
              border-radius: 0% !important;
            }
           /*HERO*/
           .carousel-control-prev-icon {
            width: 50% !important;
            height: 8% !important;
        
            color: black;
           }
           .carousel-control-next-icon {
            width: 50% !important;
            height: 8% !important;
        
            color: black;
           }
           .heading {
            text-align: center;
            display: flex;
            justify-content: center;
           }
        
             /*2banners*/
             
        
           
                /*card*/
        .Latest_Product_cate h2 
        {
            text-align: left;
            
            display: flex;
            font-size: 23px;
            
        }
        .Latest_Product_cate span p{
          font-size: 15px !important;
          text-align: left;
          margin-top: 10px;
          margin-left: 20px;
          color: #949494;
        }
        .Latest_Product_cate i{
            margin-left: 5px ;
            margin-top: 0px !important;
            font-size: 14px;
        }
        .Latest_Product h2 
        {
            text-align: left;
            display: flex;
            font-size: 20px;
            color: #000;
            margin-top: 1px;
            margin-left: 1px;
        }
        .Latest_Product span p{
          font-size: 15px !important;
          text-align: left;
          margin-top: 10px;
          margin-left: 20px;
          color: #949494;
        }
        .Latest_Product span i{
          margin-left: 5px;
          margin-top: 0px !important;
        }
        
        .hover:hover
        {                     
            background-color:white !important;
            box-shadow: 0px 2px 6px 3px #f1f1f1;
        }
         .zoom:hover 
        {
            -ms-transform: scale(1.0); 
            -webkit-transform: scale(1.0); 
            transform: scale(1.1);
            transition: 2s; 
        }
        .zoom1:hover 
        {
            -ms-transform: scale(1.1); 
            -webkit-transform: scale(1.0); 
            transform: scale(1.1);
            transition: 3s; 
        }
        
              .center-text {
                color: #000;
                font-size: 28px;
                text-transform: capitalize;
                text-align: center;
                margin-bottom: 30px;
                
              }
              .products {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(260px,auto));
                gap: 2rem;
              } 
              .row1 {
                position: relative;
                transition: all .40s;
              }
              .row1 img {
                width: 80%;
                height: auto;
                transition: scale(0.9);
              }
              .row1 img:hover {
                transform: scale(0.9);
              }
              .product-text h5{
                position: absolute;
                top:15px;
                left: 13px;
                color: #fdca7c;
                font-size: 14px;
                font-weight: 600;
                text-transform: uppercase;
                background-color: black;
                padding: 5px 12px;
                border-radius: 6px;
                
              }
              .heart-icon {
                float: right;
                margin-right: 75px;
                right: 0%;
                font-size: 20px;
              }
              .heart-icon:hover {
                color: #f76685;
              }
              .ratting i {
                color:#ff7429;
                font-size: 18px;
              }
              .price h4 {
                color: #000;
                font-size: 16px;
                text-transform: capitalize;
                font-weight: 400;
                
              }
              .price p {
                color: #000;
                font-size: 14px;
                font-weight: 600;
                
              }
              /*123*/
              /*category*/
        
        *, *:before, *:after {
          box-sizing: border-box;
        }
        .atozdeals-mobile-section {
          display: block;
          margin-top:30px;
          vertical-align: top;
          padding: 10px 20px 0;
        }
        
        .atozdeals-mobile-menu {
          font-size: 16px;
          margin-bottom: 10px;
          
        }
        .atozdeals-mobile-menu.l-big {
          font-size: 18px;
          
        }
        .atozdeals-mobile-menu.l-medium {
          font-size: 14px;
          
        }
        .atozdeals-mobile-menu.l-small {
          font-size: 12px;
          
        }
        .atozdeals-mobile-menu ul {
          max-width: 100%;
          /* border: 1px solid #ddd;
          border-radius: 1em; */
          border: none;
          background: #fff;
          margin: 0 auto;
          overflow: hidden;
        }
        .atozdeals-mobile-menu li {
          /* width: 11.11%; */
          width:12%;
          list-style:none;
          float: left;
          text-align: center;
          
        }
        .atozdeals-mobile-menu .icon {
          display: block;
          padding: 1em;
          position: relative;
          text-transform: uppercase;
          text-decoration: none;
          color:black;
          border-radius: 5px;
          overflow: hidden;
          -moz-transition: color 0.4s ease 0.15s;
          -o-transition: color 0.4s ease 0.15s;
          -webkit-transition: color 0.4s ease;
          -webkit-transition-delay: 0.15s;
          transition: color 0.4s ease 0.15s;
        }
        .atozdeals-mobile-menu .icon span, .atozdeals-mobile-menu .icon:before {
          position: relative;
          display: block;
          z-index: 5;
          -moz-transition: -moz-transform 0.35s ease-in-out, text-shadow 0.35s ease-in-out;
          -o-transition: -o-transform 0.35s ease-in-out, text-shadow 0.35s ease-in-out;
          -webkit-transition: -webkit-transform 0.35s ease-in-out, text-shadow 0.35s ease-in-out;
          transition: transform 0.35s ease-in-out, text-shadow 0.35s ease-in-out;
        }
        .atozdeals-mobile-menu .icon span {
          width: calc(100% + 1.6em);
          margin-left: -0.8em;
          
          overflow: hidden;
          font-size:small;
        }
        .atozdeals-mobile-menu .icon:before {
          width: 2.4em;
          font: normal 1.6em/1 FontAwesome;
          color: #fff;
          margin: 0.7em auto 1.2em;
        }
        .atozdeals-mobile-menu .icon:after {
          content: "";
          display: inline-block;
          width: 14em;
          height: 14em;
          position: absolute;
          top: 0;
          left: 50%;
          margin: 0 0 0 -7em;
          background-color: #fa411e;
          z-index: 1;
          border-radius: 100%;
          transform-origin: 50% 7.5%;
          -moz-transform: scale(0.28);
          -ms-transform: scale(0.28);
          -webkit-transform: scale(0.28);
          transform: scale(0.28);
          -moz-transition: -moz-transform 0.35s cubic-bezier(0.83, -0.6, 0.68, 0.99);
          -o-transition: -o-transform 0.35s cubic-bezier(0.83, -0.6, 0.68, 0.99);
          -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.83, -0.6, 0.68, 0.99);
          transition: transform 0.35s cubic-bezier(0.83, -0.6, 0.68, 0.99);
        }
        .atozdeals-mobile-menu .icon:hover {
          color: #fff;
        }
        .atozdeals-mobile-menu .icon:hover:after {
          -moz-transform: scale(1) translateY(-3.5em);
          -ms-transform: scale(1) translateY(-3.5em);
          -webkit-transform: scale(1) translateY(-3.5em);
          transform: scale(1) translateY(-3.5em);
        }
        .atozdeals-mobile-menu [class*='music']:after, .atozdeals-mobile-menu [class*='map']:after {
          background-color: #ff3d7f;
        }
        .atozdeals-mobile-menu [class*='bag']:after, .atozdeals-mobile-menu [class*='auto']:after {
          background-color: #f22845;
        }
        .atozdeals-mobile-menu [class*='truck']:after, .atozdeals-mobile-menu [class*='auto']:after {
          background-color: #a51d81;
        }
        .atozdeals-mobile-menu [class*='rocket']:after, .atozdeals-mobile-menu [class*='plane']:after {
          background-color: #f3d328;
        }
        
        .atozdeals-mobile-menu.l-rounded .icon {
          -webkit-transition-delay: 0s;
          transition-delay: 0s;
        }
        .atozdeals-mobile-menu.l-rounded .icon:after {
          -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
        }
        .atozdeals-mobile-menu.l-rounded .icon:hover:before {
          -moz-transform: translateY(-0.2em);
          -ms-transform: translateY(-0.2em);
          -webkit-transform: translateY(-0.2em);
          transform: translateY(-0.2em);
          text-shadow: 0.1em 4px 0 rgba(0, 0, 0, 0.1);
          text-shadow: 0.1em 4px 0 0.3em rgba(0, 0, 0, 0.1);
        }
        .atozdeals-mobile-menu.l-rounded .icon:hover span {
          -moz-transform: translateY(-1.3em);
          -ms-transform: translateY(-1.3em);
          -webkit-transform: translateY(-1.3em);
          transform: translateY(-1.3em);
        }
        .atozdeals-mobile-menu.l-rounded .icon:hover:after {
          -moz-transform: scale(0.46) translateY(-0.3em);
          -ms-transform: scale(0.46) translateY(-0.3em);
          -webkit-transform: scale(0.46) translateY(-0.3em);
          transform: scale(0.46) translateY(-0.3em);
          -moz-box-shadow: 0 0.2em 0 0.15em rgba(0, 0, 0, 0.1);
          -webkit-box-shadow: 0 0.2em 0 0.15em rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.2em 0 0.15em rgba(0, 0, 0, 0.1);
        }
        /*Mobile menu shop by category*/
        
        .products-card {
          width: 350px;
          background-color: #fff;
          border-radius: 15px;
          box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
          overflow: hidden;
          margin-bottom: 30px;
          
        }
        
        .products-img-container {
          width: 100%;
          position: relative;
          overflow: hidden;
        }
        
        .products-img {
          width: 100%;
          height: 250px;
          background-image: url('https://freepngimg.com/save/28530-nike-shoes-transparent/1464x1533');
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center;
        }
        
        .products-info {
          padding: 16px;
          margin-top: -15px;
        }
        
        .products-title {
          font-size: 24px;
          font-weight: 700;
          margin-bottom: 6px;
          
        }
        
        .products-description {
          font-size: 16px;
          margin-bottom: 6px;
          
        }
        
        .products-price {
          font-size: 20px;
          font-weight: 700;
        
        }
        .products-price del {
          font-size: 18px;
          font-weight: 500;
          
        }
        .icons-container i {
          font-size: 24px;
          cursor: pointer;
          transition: color 0.3s ease-in-out;
        }
        
        .fa-heart {
          color: white;
          -webkit-text-stroke-width: 2px;
          -webkit-text-stroke-color: black;
          transition: all 0.4s ease;
        }
        
        .fa-heart.full {
          color: #000;
        }
        
        .cart-icon {
          font-size: 24px;
          cursor: pointer;
        }
        /*card1*/
        .product-card {
          width: 270px;
          background-color: #fff;
          border-radius: 15px;
          box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
          overflow: hidden;
          margin: 10px;
        }
        
        .product-img-container {
          width: 100%;
          position: relative;
          overflow: hidden;
        }
        
        .product-img {
          width: 100%;
          height: 180px;
          background-image: url('https://freepngimg.com/save/28530-nike-shoes-transparent/1064x1133');
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center;
        }
        
        .product-info {
          padding: 17px;
        }
        
        .product-title {
          font-size: 24px;
          font-weight: 700;
          margin-bottom: 8px;
        }
        
        .product-description {
          font-size: 16px;
          margin-bottom: 8px;
        }
        
        .product-price {
          font-size: 20px;
          font-weight: 700;
        }
        .product-price del {
          font-size: 18px;
          font-weight: 500;
        }
        
        .icon-container {
          display: flex;
          justify-content: left;
          align-items: flex-start;
          gap: 10px;
        }
        
        .icon-container i {
          font-size: 24px;
          cursor: pointer;
          transition: color 0.3s ease-in-out;
        }
        
        
        .icon-categorie {
          display: flex;
          justify-content: center;
          align-items: flex-start;
          gap: 15px;
          padding-top: 5px;
        
          transition: 0.5s ease-in-out;
        }
        
        .icon-categorie i {
          font-size: 20px;
          cursor: pointer;
          transition: color 0.3s ease-in-out;
        }
        
        .fa-heart {
          color: white;
          -webkit-text-stroke-width: 2px;
          -webkit-text-stroke-color: black;
          transition: all 0.4s ease;
        }
        
        .fa-heart.full {
          color: #000;
        }
        
        .cart-icon {
          font-size: 24px;
          cursor: pointer;
        }
        /*footer*/
        .social:hover{
          opacity: 0.7;
        }
        .social{
          padding: 10px;
          font-size: 30px;
          width: 30px;
          text-align: center;
          text-decoration: none;
          margin: 5px 2px;
          border-radius: 100px;
          background: #55ACEE;
          color: white;
        }
        
        
        
        /*categories page*/
        
        .click {
          background: #d4ffe4;
                   height: 100vh;
                   display: flex;
                   justify-content: center;
                   align-items: center;
                  
        }
        .clk i{
         color:black;
         font-size: 30px;
        }
        
        
        
        
        
        .card2 {
          display: block;
          top: 0px;
          position: relative;
          max-width: 262px;
          background-color: #f2f8f9;
          border-radius: 4px;
          padding: 32px 24px;
          margin: 12px;
          text-decoration: none;
          z-index: 0;
          overflow: hidden;
          border: 1px solid #f2f8f9;
        
          &:hover {
            transition: all 0.2s ease-out;
            box-shadow: 0px 4px 8px rgba(38, 38, 38, 0.2);
            top: -4px;
            border: 1px solid #cccccc;
            background-color: white;
          }
        
          &:before {
            content: "";
            position: absolute;
            z-index: -1;
            top: -16px;
            right: -16px;
            background: #00838d;
            height: 32px;
            width: 32px;
            border-radius: 32px;
            transform: scale(2);
            transform-origin: 50% 50%;
            transition: transform 0.15s ease-out;
          }
        
          &:hover:before {
            transform: scale(2.15);
          }
        }
        
        .polipop__closer{
          display: none !important;
        }
        
        /*categories card*/
        .categories_card {
        border: 0px !important; 
        border-radius: 15px;
        background-color: #f3f3f3!important;
        }
        .categories_card_text {
        margin-top: -30px;
        text-align: center;
        padding: 30px 10px 0px 0px;
        }
        .categories_card:hover {
          box-shadow: 0 .5rem 1rem #d1d1d1;
          border-radius: 10px;
        }
        .categories_card p{
          font-size: 13px;
        }
        
        .navText {
          display: flex;
          justify-content: end;
          margin-top: -45px;
          
          }
          .navText i{
            padding: 5px;
            margin-right: 10px;
            background-color: #f3f3f3;
            border-radius: 3px;
            color: #000000;
            font-size: 10px;
            font-weight: 30 !important;
          }
        
        
          /*PRODUCT page*/
          .sales {
            border: 0px !important;
            background-color: white;
            border-radius: 20px 10px 10px 10px;
            margin: 0px 0px !important;
          }
          .sales img {
            border-radius:10px;  width: 100%;
            
            background-color:var(--accent-color);padding: 5px;
          }
          .sales_card {
            margin-top: -5px;
          }
          .sales:hover .icon-categories{
            /* display: flex; */
            opacity: 1;
            transition: 0.5s ease-in-out;
          }
          .icon-categories {
            /* display: flex;
            justify-content: center;
            align-items: flex-start;
            gap: 10px;
            padding-top:0px;
           position: absolute; */
           /* top:15px; */
            opacity: 0;
            transition: 0.5s ease-in-out;
            
          }

          input::-webkit-outer-spin-button,
          input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
          }
          
          /* Firefox */
          input[type=number] {
            -moz-appearance: textfield;
          }
          .qty_section{
            margin-top:30px;
          }
          .qty_card{
            width:25px;
            border:0px;
            text-align:center;
          }
          .qty_card:focus,.qty_card:focus-visible{
            border:0px !important;
            outline:0px !important
          }
          .increase_btn,.decrease_btn{
            background-color: var(--primary-color);
            border: 0px;
            color: white;
            border-radius: 50px;
            width: 25px;
          }

          
          .icon-categories i {
            font-size: 16px !important;
            cursor: pointer;
            transition: color 0.3s ease-in-out;
            background-color:var(--primary-color);
            border-radius: 50px;
            padding: 7px;
            color: #fff;
            margin-top:32px
            
          }
        
        
        
          .sales:hover .icon-categoriess{
            /* display: flex; */
            opacity: 1;
            transition: 0.5s ease-in-out;
          }

@media screen and (min-width:320px) and (max-width:1200px){
  .offer_img{
  	width:100px !important
  }
  .icon-categoriess {
  	opacity: 1 !important;
  }
  .icon-categories {
  	opacity: 1 !important;
  }
  
  .categories_card img{
    padding:5px;
  	background:#e1e1e16b !important
  }
  .categories_card p{
  	margin-top:5px !important;
    text-align:left;
    font-size:15px;
    font-weight:500;
    margin-bottom:0px;
  }
  .owl-carousel .card:hover{
  	box-shadow:0px 0px 0px 0px !important
  }
}
          .icon-categoriess {
            display: flex;
            justify-content: center;
            align-items: flex-start;
            gap: 10px;
            padding-top:0px;
            position:absolute;
            top: 15px;
            right:15px;
            opacity: 0;
            transition: 0.5s ease-in-out;
            -webkit-text-stroke-color:white ;
          }
          
          .icon-categoriess i {
            font-size: 18px !important;
            cursor: pointer;
            transition: color 0.3s ease-in-out;
            background-color:var(--primary-color);
            border-radius: 50px;
            padding: 7px;
            color: #fff;
            -webkit-text-stroke-color:white;
            
          }
          .sales:hover {
            border-radius: 20px 10px 10px 10px;
          }
          .offer_price{
            align-items: baseline !important;
          }
          .offer_price p{
            font-size: 19px;
          }
          .offer_price del {
          font-size: 15px;align-items: center;}
        /*product_cart*/
        @media screen and (min-width: 768px){
          :root{
              --h1-font-size: 2rem;
              --normal-font-size: 1rem;
              --smaller-font-size: 0.813rem;
          }
        }
        /*1234*/
        /* .aaaa{
          width: 80%;
            margin: 0 auto;
            position: relative;
        }
        .item {
          .img-box {
              padding: 10px;
          }
          img {
              width: 100%;
          }
        }
        .customNavigation {
          a {
              position: absolute;
              height: 40px;
              width: 40px;
              display: flex;
              align-items: center;
              justify-content: center;
              background: #fff;
              border-radius: 50%;
              opacity: 1;
              margin-top: auto;
              margin-bottom: auto;
              box-shadow: -2px 1px 10px #bdbdbd;
              top: calc(50% - 20px);
              cursor: pointer;
          }
          .prev {
              left: -15px;
          }
          .next {
              right: -15px;
          }
        } */
        /* .owl-carousel .nav-button {
          top: -52px !important;
          height: 25px;
          width: 25px;
          cursor: pointer;
          position: absolute;
          top: 10px !important;
          text-align: center !important;
        } */

        .owl-nav{
          position: absolute;
          top: -80px;
          right: 0px;
        }
        .owl-carousel .owl-nav button.owl-next,  .owl-carousel .owl-nav button.owl-prev{
          background-color: #e1e1e1 !important;
          color:#646464 !important;
          padding:0px 13px;
          font-size: 25px;
        }
        .owl-carousel .owl-nav button.owl-next:hover,.owl-carousel .owl-nav button.owl-prev:hover{
          background-color:#8e8e8e !important;
          color:white !important;
        }
        .owl-carousel .owl-prev.disabled,
        .owl-carousel .owl-next.disabled {
          pointer-events: none;
          opacity: 0.25;
        }
        
        
        .owl-carousel .prev-carousel:hover {
          background-position: 0px -53px;
        }
        .owl-carousel .next-carousel:hover {
          background-position: -24px -53px;
        }
        /*-- BASE --*/
        *,::after,::before{
          box-sizing: border-box;
        }
        .product_cart{
          margin: 2rem 0 0 0;
          background-color: #fff;
          color: var(--dark-color);
          
          font-weight: 200 !important;
        }
        .product_cart h1{
          font-size: var(--h1-font-size);
        }
        .product_cart img{
          max-width: 100%;
          height: auto;
        }
        .product_cart a{
          text-decoration: none;
        }
        .explore{
          margin-left: 80px !important;
          font-weight: 200 !important;
          
        }
        
        /*-- LAYAOUT --*/
        .main {
          padding: 0.4rem 0;
          margin-top: -10px;
          margin-bottom: 60px;
        }
        .bd-grid{
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
          max-width: 1200px;
          margin-left: 2.5rem;
          margin-right: 2.5rem;
          align-items: center;
          gap: 1rem;
        }
        
        /*-- PAGES --*/
        .title-shop{
          position: relative;
          margin: 0 2.5rem;
        }
        .title-shop::after{
          content: '';
          position: absolute;
          top: 50%;
          width: 72px;
          height: 2px;
          background-color: var(--dark-color);
          margin-left: .25rem;
        }
        
        /*-- COMPONENT --*/
        .Recommended{
          position: relative;
          display: flex;
          flex-direction: column;
          align-items: center;
          padding: 0rem 2rem;
          border-radius: 1rem;
          overflow: hidden;
          width: 270px;
        }
        article:nth-child(1){
          background-color:var(--second-color);
        }
        article:nth-child(2){
          background-color: var(--second-color);
        }
        article:nth-child(3){
          background-color:var(--second-color);
        }
        article:nth-child(4){
          background-color: var(--second-color);
        }
        .card__img{
          width: 200px;
          height: auto;
          padding: 2rem 0;
          transition: .5s;
        }
        .card__name{
          position: absolute;
          left: -25%;
          top: 0;
          width: 3.5rem;
          height: 100%;
          writing-mode: vertical-rl;
          transform: rotate(180deg);
          text-align: center;
          background-color: var(--dark-color);
          color: #fff;
          font-weight: bold;
          transition: .5s;
        }
        .card__icon{
          font-size: 1.5rem;
          color: var(--dark-color);
        }
        .card__icon:hover{
          color: var(--accent-color);
        }
        .card__precis{
          width: 100%;
          display: flex;
          justify-content: space-between;
          align-items: flex-end;
          transition: .5s;
        }
        .card__preci{
          display: block;
          text-align: center;
        }
        .card__preci--before{
          font-size: var(--smaller-font-size);
          color: var(--accent-color);
          margin-bottom: .25rem;
        }
        .card__preci--now{
          font-size: var(--h3-font-size);
          font-weight: bold;
        }
        /*Move left*/
        .Recommended:hover{
          box-shadow: 0 .5rem 1rem #D1D9E6;
        }
        .Recommended:hover .card__name{
          left: 0;
          margin-left: 0rem;
        }
        .Recommended:hover .card__img{
          /* transform: rotate(30deg); */
          margin-left: 3rem;
        }
        .Recommended:hover .card__precis{
          margin-left: 3.5rem;
          padding: 0 1rem;
        }
        
        /*sales*/
        
        /*product page*/
        
        /*card carosel*/
        .contact 
        {
        margin-left: 600px !important;
        margin-top: 10px;
        line-height: 1;
        }
        .contact p {
          text-align: right;
          font-size: 12px;
        }
        
        /*-- MEDIA QUERIES --*/
        @media screen and (min-width: 1200px){
        
          .title-shop{
              margin: 0 5rem;
          }
          .bd-grid{
              margin-left: auto;
              margin-right: auto;
          }
        }
        
        
        /*header*/
        .shop-menu li {
            list-style: none;
        }
        .sticky a{
          color: var(--primary-color);
          text-decoration: none;
           
        }
        .header_bottom {
          padding: 0px 10px;
          background-color: #fff;
          box-shadow: 0px 2px 3px rgb(0 0 0 / 16%);
        }
        .header_static {
          position: relative;
          display: flex;
          justify-content: space-between;
          align-items: center;
        }
        .logo-section a {
          font-weight: 800;
          color: var(--primary-color);
          font-size: 22px;
        }
        .main_menu nav > ul > li {
          display: inline-block;
        }
        .main_menu nav > ul {
          padding: 0;
          margin: 0;
        }
        
        .main_menu nav > ul > li > a {
          display: block;
          padding: 16px 16px;
          color: #363636;
          font-size: 17px;
          text-transform: capitalize;
          font-weight: 500;
          border-radius: 4px;
          transition: 0.5s;
          letter-spacing: 0.3px;
          position: relative;
        }
        
        .main_menu nav > ul > li > a:before {
          content: "";
          position: absolute;
          width: 100%;
          height: 3px;
          left: 0;
          top: 0;
          background-color: var(--primary-color);
          opacity: 0;
          visibility: hidden;
          transition: 0.5s;
        }
        
        .main_menu nav > ul > li > a:hover:before {
          color: var(--primary-color);
          opacity: 1;
          visibility: visible;
        }
        
        
        .main_menu nav ul li ul.mega_menu {
          position: absolute;
          min-width: 100%;
          padding: 0;
          background: #fff;
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
          border-radius: 4px;
          left: 0;
          right: auto;
          opacity: 0;
          visibility: hidden;
          -webkit-transition: 0.15s;
          transition: 0.15s;
          z-index: 9;
          top: 140%;
        }
        .main_menu nav > ul > li ul.sub_menu {
          position: absolute;
          min-width: 220px;
          padding: 10px 0px;
          background: #fff;
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
          border-radius: 4px;
          left: inherit;
          right: inherit;
          opacity: 0;
          visibility: hidden;
          -webkit-transition: 0.15s;
          transition: 0.15s;
          z-index: 9;
          top: 140%;
        }
        .main_menu nav ul li:hover .sub_menu,
        .main_menu nav ul li:hover .mega_menu {
          opacity: 1;
          visibility: visible;
          top: 100%;
        }
        .sub_menu li a {
          padding: 7px 20px;
          color: #616161;
          font-size: 15px;
          display: inline-block;
          width: 100%;
        }
        .shop-category-contain {
          max-height: 420px;
        }
        .shop-category > li > a {
          color: #616161;
          font-size: 15px;
          text-transform: capitalize;
          line-height: 18px;
          display: block;
          font-weight: 600;
          padding: 11px 16px;
          border-radius: 4px;
        }
        .shop-menu {
          position: relative;
        }
        .shop-mega-menu {
          background-color: #fff;
          padding: 0px;
          width: 100%;
          -webkit-transition: 0.3s;
          transition: 0.3s;
          z-index: 9;
          max-height: 393px;
          overflow-x: hidden;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          position: absolute;
          width: calc(100% - 240px);
          top: 0px;
          right: 0;
          display: none;
        }
        .shop-mega-menu li {
          list-style: none;
        }
        .shop-menu > ul {
          max-height: 400px;
          overflow-x: hidden;
          width: 240px;
          padding: 10px;
        }
        .shop-category > li {
          width: 100%;
          position: static;
          display: inline-block;
        }
        .shop-category > li.active > a,
        .shop-category > li:hover > a {
          background-color: var(--primary-color);
          color: #fff !important;
        }
        .shop-mega-menu > ul {
          width: calc(100% / 4);
          padding: 15px;
          float: left;
          max-height: 100%;
          overflow: initial;
        }
        .shop-mega-menu li a:hover {
          color: var(--primary-color);
        }
        .shop-mega-menu > ul > h6 {
          font-size: 15px;
          font-weight: 700;
          margin-bottom: 15px;
        }
        .shop-mega-menu > ul > h6 > a {
          display: inline-block;
          width: 100%;
          color: #444444 !important;
        }
        .shop-mega-menu li a {
          color: #797979;
          font-size: 15px;
          line-height: 18px;
          margin-bottom: 15px;
          display: block;
          text-transform: capitalize;
          font-weight: 400;
        }
        .shop-category > li:hover .shop-mega-menu,
        .shop-category > li.active .shop-mega-menu.hover {
          display: flex;
        }
        
        
        
        
        /*categories page*/
        .breadcrumb {
          background-color: white;
        }
        .bg-lights {
          --bs-bg-opacity: 1;
          background-color: white !important;
        }
        .bg-lights li a{
         text-decoration: none !important;
         font-size: 14px;
        }
        .category_filter_heading h4{
          font-size: 21px;
          
        }
        .category_filter_heading p {
          
          font-size: 12px;
        }
        .filter 
        {
          border: none !important;
        }
        .filter .card-header
        {
          background-color: transparent !important;
        }
        .card-footer{
        border-top: none !important;
        background-color: transparent !important;
        }
        .card {
          --bs-card-border-color: transparent !important;
        }
        .list-group-item {
          border: none !important;
        }
        /*product section*/
        .sales_categories {
          border: 0px !important;
          background-color: white;
          border-radius: 20px 10px 10px 10px;
          margin: 8px;
        }
        .sales_categories img {
          border-radius:10px;  width: 245px;background-color:var(--accent-color);padding: 5px;
        }
        
        .sales_categories:hover .filter-cart-icon{
          /* display: flex; */
          opacity: 1;
          transition: 0.5s ease-in-out;
        }
        
        .sales_categorie {
          margin-top: -5px;
        }
        
        .sales_categories:hover .filter-heart-icon{
          /* display: flex; */
          opacity: 1;
          transition: 0.5s ease-in-out;
        }
        .sales_categories:hover {
          border-radius: 20px 10px 10px 10px;
        }
        .offer_price{
          align-items: baseline !important;
        }
        .offer_price p{
          font-size: 16px;
          font-weight:bold;
        }
        .offer_price del {
        font-size: 15px;align-items: center;}
        
        
          .filter-cart-icon {
            display: flex;
            justify-content: center;
            align-items: flex-start;
            gap: 10px;
            padding-top:0px;
            margin-top: -335px;
            margin-left:-270px;
            opacity: 0;
            transition: 0.5s ease-in-out;
          }
          
          .filter-cart-icon i {
            font-size: 16px !important;
            cursor: pointer;
            transition: color 0.3s ease-in-out;
            background-color:black;
            border-radius: 50px;
            padding: 7px;
            color: #fff;
          }
        
          .filter-heart-icon {
            display: flex;
            justify-content: center;
            align-items: flex-start;
            gap: 10px;
            padding-top:0px;
            margin-top: -335px;
            margin-left:-3px;
            opacity: 0;
            transition: 0.5s ease-in-out;
          }
          
          .filter-heart-icon i {
            font-size: 16px !important;
            cursor: pointer;
            transition: color 0.3s ease-in-out;
            background-color:black;
            border-radius: 50px;
            padding: 7px;
            color: #fff;
          }
          .hr-border1 {
            border-left: 1px solid rgb(236, 236, 236) !important;
          }
          /*+-*/
        .add-sub {
          justify-content: center;
            align-items: center;
            display: flex;
            height: 100% !important;
            text-align: center;
            margin-top: 30px;
        }
        .add-sub button {
          width: 25px;
            height: 20px;
            font-size: 12px;
            text-align: center !important;
            
            background-color: rgb(19, 0, 128);
            color: rgb(255, 255, 255);
            
        }
        .add-sub:hover {
          background-color: rgb(78, 47, 255);
            color: rgb(255, 255, 255);
        }
        .add-sub h2 {
          color: black;
            margin: 0 50px;
            font-size: 45px;
        }
        .product_price {
          margin-top: -10px !important;
        }
        
        
        .related-products {
          border: 0px !important;
          background-color: white;
          border-radius: 20px 10px 10px 10px;
          margin: 5px;
          display: flex;
        }
        .related-products img {
          border-radius:10px;  width: 398px; height: 290px;background-color:var(--accent-color);padding: 5px;
        }
        .related-products_card {
          margin-top: -5px;
        }
        .related-products:hover .related-products-cart-icon{
          /* display: flex; */
          opacity: 1;
          transition: 0.5s ease-in-out;
        }
        .related-products-cart-icon {
          display: flex;
          justify-content: center;
          align-items: flex-start;
          gap: 10px;
          padding-top:0px;
          margin-top: -333px;
          margin-left:-280px;
          opacity: 0;
          transition: 0.5s ease-in-out;
        }
        
        .related-products-cart-icon i {
          font-size: 16px !important;
          cursor: pointer;
          transition: color 0.3s ease-in-out;
          background-color:black;
          border-radius: 50px;
          padding: 7px;
          color: #fff;
        }
        
        
        
        .related-products:hover .related-products-heart-icon{
          /* display: flex; */
          opacity: 1;
          transition: 0.5s ease-in-out;
        }
        .related-products-heart-icon {
          display: flex;
          justify-content: center;
          align-items: flex-start;
          gap: 10px;
          padding-top:0px;
          margin-top: -330px;
          margin-left:-5px;
          opacity: 0;
          transition: 0.5s ease-in-out;
        }
        
        .related-products-heart-icon i {
          font-size: 16px !important;
          cursor: pointer;
          transition: color 0.3s ease-in-out;
          background-color:black;
          border-radius: 50px;
          padding: 7px;
          color: #fff;
        }
        .related-products:hover {
          border-radius: 20px 10px 10px 10px;
        }
        
        
        /*review&faq*/
        
        h1 {
          font-size: 4rem;
          font-weight: 300;
          letter-spacing: 0.2rem;
          margin: 0 0 2.4rem;
          text-transform: uppercase;
        }
        
        h2 {
          font-size: 1.6rem;
        }
        
        img {
          max-width: 100%;
        }
        
        .page {
          background-color: #fff;
          margin: 4rem 0;
          position: relative;
          width: calc(100% - 16rem);
          z-index: 1;
          
          @media (max-width: 1023px) {
            margin: 2.4rem;
            width: calc(100% - 8rem);
          }
        }
        
        .masthead {
          align-items: center;
          display: flex;
          justify-content: space-between;
          padding: 3.2rem 4rem;
          
          nav {
            align-items: center;
            display: flex;
            gap: 1.6rem;
          }
        }
        
        .menu-toggle {
          margin-right: -0.4rem;
          margin-top: -0.2rem;
        }
        
        .logo {
          color: #c36e05;
          font-size: 4rem;
        }
        
        .content {
          display: grid;
          gap: 8rem;
          grid-template-columns: 30rem auto;
          padding: 4rem 8rem 6.4rem;
          
          @media (max-width: 1023px) {
            grid-template-columns: auto;
          }
          
          aside {
            @media (max-width: 1023px) {
              text-align: center;	
            }
          }
          
          img {
            display: block;
            margin-left: -8rem;
            margin-top: 4rem;
            max-width: calc(100% + 8rem);
            
            @media (max-width: 1023px) {
              margin-left: auto;
              margin-right: auto;
              max-width: 100%;
            }
          }
          
          main {
            margin-top: 6.6rem;
            
            @media (max-width: 1023px) {
              margin-top: 0;	
            }
          }
        }
        
        details {	
          &[open] summary::after {
            transform: rotate(45deg);
          }
          
          &:last-of-type {
            border-bottom: 0.1rem solid #d4bb8f;
          }
          
          summary {
            border-top: 0.1rem solid #d4bb8f;
            cursor: pointer;
            display: flex;
            font-size: 2rem;
            font-weight: 300;
            list-style: none;
            margin-bottom: 1.6rem;
            padding-top: 1.6rem;
            
            &::after {			
              font-family: 'Material Symbols Outlined';
              content: "add_circle";
              margin-left: auto;
              transform-origin: center;
            }
          }
        }
        .review {
          align-items: center;
          background: linear-gradient(90deg, #2f2023, #2f2023 46.8rem, #eeeae0 46.8rem, #eeeae0);
          display: flex;
          font-size: 1.6rem;
          line-height: 1.6;
          justify-content: center;
          min-height: 100vh;
          position: relative;
          
          @media (max-width: 1023px) {
            background: linear-gradient(180deg, #2f2023, #2f2023 22.6rem, #eeeae0 22.6rem, #eeeae0);
          }
        }

@media screen and (min-width:320px) and (max-width:1300px){
  .owl-nav{
  	top:-60px
  }
  footer p,footer p a{
	padding-left:0px !important  	
  }
}