.sidestick{
  position: fixed;
  width: 59px;
  margin-top: 0px;
  transition: all 0.3s linear;
  box-shadow: 2px 2px 14px 0px rgb(188 188 188 / 40%);
  z-index: 1000;
}
.sidestick ul{
 margin-bottom: 0px;
}
.sidestick li{
  height: 60px;
  position:relative;
}
.sidestick li a{
  color: white;
  display: block;
  height: 100%;
  width: 100%;
  line-height: 60px;
  padding-left:25%;
  border-bottom: 1px solid rgb(158 158 158 / 40%);
  transition: all .3s linear;
  /* background: #f2f3eb; */
}
 .sidestick li{
  background:#f2f3eb;
  /* border-radius: 4px; */
 }
.sidestick li a i{
  position:absolute;
  top: 17px;
  left: 20px;
  font-size: 27px;
}
.sidestick ul li a span{
  display: none;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
  text-wrap: nowrap;
}
.sidestick a:hover {
  z-index:1;
  width: 249px;
  background: #ffe933;
}

 .sidestick ul li:hover a span{
  padding-left: 17%;
  display: block;
}
.sidestick  li img{width: 25px;float:left;margin-top: 17px;}

.modal{
  transform: scale(0) ;
  opacity: 0;
  -webkit-transition: all .3s linear !important;
  -o-transition: all .3s linear !important;
  transition: all .3s linear !important;
}

.modal.in {
  opacity: 1 !important;
  transform: scale(1) !important;
}
.product {
  position: relative;
}

.product .product-thumbnail {
  position: relative;
  overflow: hidden; /* Add overflow property to contain the zoom effect */
}

.product .overlay {
  position: absolute;
  top: 0;
  right: 0;
  width: 200px;
  /* justify-content: center; */
  /* background: #ccc; */
}

.product:hover .overlay {
  opacity: 1;
   border-radius: 6px 6px 0px 0px;
}

.product .overlay .col-md-3 {
  padding: 5px;
}

.product .add-to-cart,
.product .compare {
  color: #fff;
  font-size: 16px;
  text-decoration: none;
  margin: 0 10px;
}

.product .compare {
  margin-top: 20px;
}

@keyframes hvr-rectangle-out {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
#smartModal{
  cursor: pointer;
}


#comparecount,#smartcount,#cartcounts{font-size: 14px;font-family: 'Saira';color: #1e1e1e;position: absolute;bottom: 16px;}
    .compareButton span{
        
    }
    .compareButton span:hover{
        
          
        background: white;
        color: black;
        
    }


    .ntd{
        margin: 15px;
        display: inline-block;
        font-family: 'Saira';
        border: 1px solid #ccc;
        background: white;
        border-radius: 7px;
    }
    .compareimage{
            width: 100% !important;
            margin: 0 auto;
            text-align: center;
            max-width: 319px !important;
    }
    
    
    
    .inside_compare td{
         padding: 2px 8px;
    }
    .inside_compare
    {
        width: 100%;
        font-family: 'Saira';
    }
    
    
    
    #CmyModal .modal-body
    {
        overflow-y: scroll;
        background: #f4f3f3;
    }
    
    
    .comview{
        background: #c0caa4;
        color: black;
        padding: 1px 6px;
        margin: 8px;
        display: inline-flex;
        border-radius: 4px;
        border: 1px solid #ccc;
    }
    
    .comview:hover{
        background: white;
        color: black;
        padding: 1px 6px;
        margin: 8px;
        display: inline-flex;
        border-radius: 4px;
        border: 1px solid #ccc;
    
    }


    .removeCompare{
        background: transparent;
        color: white;
        border: none;
        float: right;
        position: relative;
        padding: 0;
        right: -7px;
        top: -7px;
    }


 .removeCompare span{
     font-size: 26px !important;
     background: white;
     border-radius: 100%;
     padding: 4px;
     padding: 0px 0px;
     width: 30px;
     height: 30px;
     padding-right: 1px;
     padding-top: 1px;
     color: #ff7373;
 }



 .hello-message {
 right: 0 !important;
 }



 ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}




.smicon{
  width:40px !important;
  background: #d0caca;
  padding:5px;
  border-radius:3px;
  cursor:pointer;
}

.smicon:hover{
   background: #f8f0b4;
}
 
 
 
 .smicon .ajax_add_to_cart  {
	 background: url(https://new2021.mansons.in/wp-content/plugins/mansons-favourite/assets/cart.svg);
	 height: 30px;
	 display: flex;
}
.smicon .added
{
 background: url(https://new2021.mansons.in/wp-content/plugins/mansons-favourite/assets/tick.svg);
	 font-size:0px;
}
.wc-forward{
	font-size:0px;
	display:none;
}



.smallNav li{
  float: right;
  padding:0px 10px;
 }
.smallNav li:hover{
 background:#ffe933;
}
 .smallNav {
  position: relative;
  float:right;
  width: 100%;
  text-align: right;
  background: #ececec;
  font-size: 10px;
  padding: 0px 7px;
  z-index: 1000;
 }
 

 /* Header Overrite */
.et_header_style_left .logo_container {
    position: inherit !important;
    height: auto;
    width: fit-content !important;
    float: left;
}

.et_header_style_left #et-top-navigation
{
 padding:0 !important;
 float: right;
}
#menu-item-36699 , .hello-message{
  /* display: none !important; */
}
#logo{
  width: 168px !important;
}  
.btn,.homesearch{
  font-family: 'Saira';
}



 .overlay li{
  float: right;
  list-style: none;
  margin: 4px;
 }



.added_to_favourite{
 font-size:10px !important;
 
}