div#cart-content button.trigger:hover {
    background-color: transparent;
}
[type=button]:focus, [type=submit]:focus, button:focus{
    outline: 0!important;
    background-color: transparent!important;
}
.modalsss-content .mini_cart_left{
          max-width:480px;
          height:100vh;
          background:#F8F8F8;
          padding: 20px;
          direction: ltr;
      }
      .relatedScroll::-webkit-scrollbar {
        width: 10px;
        border-radius: 30px;
      }
       
      .relatedScroll::-webkit-scrollbar-thumb {
        background-color: #BDBDBD;
        border-radius: 30px;
      }
      .show-modalsss {
        opacity: 1;
        visibility: visible;
        right: 0;
        background-color: #000000ad;
        transition: all .5s;
        z-index: 99999;
        width: 480px;
    }
    .modalsss-content input[type=number]::-webkit-inner-spin-button, 
    .modalsss-content input[type=number]::-webkit-outer-spin-button {  
    
       opacity: 0;
       padding:0;
    background-color: transparent;
    }
    
    .TotalArea .btn2 {
        width: 100%;
        font-size: 18px;
        line-height: 50px;
        font-weight: 600;
        color: #fff;
        background: #2F80ED;
        border-radius: 50px;
        height: 47px;
        margin-top: 25px;
        border: 0px;
        cursor: pointer;
        text-transform: uppercase;
    }
    
    .modalsss-content .mini_item_col2 .qtyminus {
        width: 31px;
        height: 34px;
        color: #313131;
        font-size: 13px;
        line-height: 27px;
        font-weight: 600;
        border: 0px;
        padding: 0.0rem 0.0rem;
        background: #E0E0E0;
        border-radius: 0px 5px 5px 0px;
    }
    
    .modalsss-content .mini_item_col2 .qtyplus {
        width: 31px;
        height: 34px;
        color: #313131;
        font-size: 13px;
        line-height: 27px;
        font-weight: 600;
        border: 0px;
        padding: 0.0rem 0.0rem;
        background: #E0E0E0;
         border-radius: 5px 0px 0px 5px;
        
    }
    
    .modalsss-content input#qty {
        text-align: center;
        font-size: 18px;
        line-height: 27px;
        font-weight: 600;
        border: 0px;
        width: 59px;
        height: 34px;
        color: #000 !important;
        padding: 0.36rem 0.2rem;
        padding-left: 19px;
        border-radius: 0;
    }
    .modalsss-content .mini_item_col2 h2:before {
        background: #767676;
        content: "\020";
        display: block;
        height: 2px;
        margin: 0.3rem 0;
        width: 1em;
    }
    .modalsss-content .mini_item_col2 h2 {
        font-size: 18px;
        line-height: 27px;
        font-weight: 400;
        color: #313131;
        padding-bottom: 0px;
        position: relative;
        margin: 0.1rem 0;
        
    }
    .modalsss-content .mini_item_col3 h4 span.woocommerce-Price-amount.amount{
        font-size: 18px;
        line-height: 27px;
        font-weight: 400;
        color: #313131;
        padding-top: 0px;
        margin: 0.7rem 0;
    }
        
    .modalsss-content h3 {
        text-align: center;
        font-size: 18px;
        font-weight: 700;
        transform:translate(35% , 12px);
        display: flex;
        align-content: center;
    }
        
    .modalsss-content .mini_cart_left h3{ font-size: 18px; line-height: 27px; font-weight: 700; color:#313131; text-align: center; position: relative;}
    .modalsss-content .mini_cart_left h3:before{ content: ''; width: 27px; height: 26px; position: absolute; left: 36% ; top: 0; background-image:url(../images/Vector.png);}

    .modalsss-content .mini_cart_add_items{ width: 100%; float: left;}
    .modalsss-content .mini_item_row{ width: 100%; display: flex; padding: 30px 0 0; border-bottom: 1px solid #313131; padding-bottom: 10px;}
    .modalsss-content .mini_item_col{ width: 33.3%; display: flex; flex-direction: column;align-items: center;}
    .modalsss-content .mini_item_col1{ width: 95px;}
    .modalsss-content .mini_item_col1 img{  background: #30A1AF; width: 80px; height: 78px; border-radius: 50px; box-shadow: 0px 0px 26.9138px rgba(0, 0, 0, 0.2);}
    .modalsss-content .mini_item_col2{ width: 50%; text-align: left;}
    .modalsss-content .mini_item_col3{ width: 25%; text-align: right;}
     
     
     
     
    .modalsss-content .mini_item_col2 h2{ font-size: 18px;line-height: 27px; font-weight: 400; color:#313131; padding-bottom: 10px; position: relative;}
    .modalsss-content  .mini_item_col3 h4{ font-size: 18px;line-height: 27px; font-weight: 400; color:#313131;padding-top: 14px; }
    .modalsss-content  .mini_item_col3 h2 .icon_rel{ position: absolute; top: 0; right: 0;}
      


    .modalsss-content .mini_item_col2 .qtyminus{ width: 30px; height: 35px; color: #313131; font-size: 18px; line-height: 27px; font-weight: 600; border: 0px;}
    .modalsss-content .mini_item_col2 .qtyplus{ width: 30px; height: 35px; color: #313131;font-size: 18px; line-height: 27px; font-weight: 600;border: 0px;}
    .modalsss-content input#qty { text-align: center;font-size: 18px; line-height: 27px; font-weight: 600;border: 0px;}
      
    .modalsss-content .qty {display: flex;flex-wrap: wrap;justify-content: start;text-align: center;   }
    .modalsss-content .relatedScroll {max-height: 616px; overflow-y: auto; width: 100%; direction: rtl;}
    .modalsss-content .washable{ width: 100%; float: left; padding:20px;background: #FFFFFF;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); margin: 20px 0 0;}
    .modalsss-content .washable h2{ font-size: 18px; line-height: 27px; font-weight: 600; color:#313131; border-bottom: 1px solid #BDBDBD; padding-bottom:10px;}
    .modalsss-content .washable label{ font-size: 18px; line-height: 27px; color:#313131; font-weight: 600; padding-left:10px; }
    .modalsss-content input#vehicle1 { width: 20px; height: 18px;}
    .modalsss-content .washable_cheak{ border-bottom: 1px solid #BDBDBD; padding-bottom: 10px;display: flex; align-items: center;}

    .modalsss-content  .washable_img{ width:75px; height: 75px; float: left; padding: 20px 0 0;border-radius: 50%;background-color: #30A1AF; text-align: center; margin: 20px 0 0;box-shadow: 0px 0px 12.8174px rgba(0, 0, 0, 0.2); }
       
    .modalsss-content .washable_txt{ width: 76%; float: right;padding: 30px 0 0;}
    .modalsss-content .washable_txt p{ font-size: 18px; line-height: 27px; color:#313131; font-weight: 300;  text-overflow: ellipsis; overflow: hidden; }
    .modalsss-content .washable_txt h5{ font-size: 18px; line-height: 27px; color:#313131; font-weight: 600; padding-top: 12px; }

    .modalsss-content .TotalArea{ width: 100%; float: left; position: absolute; left: 0; bottom: 0;max-width: 480px; padding: 20px; background: #F8F8F8; }
      
    .modalsss-content .TotalArea h4{ font-size: 18px;line-height: 61px; font-weight: 700; color:#313131; }
    .modalsss-content .TotalArea h4 span.woocommerce-Price-amount.amount{ font-size: 18px;line-height: 27px; font-weight: 400; color:#313131; }
    .modalsss-content .TotalArea .btn2{ width: 100%; font-size:18px; line-height: 27px; font-weight: 600; color: #fff; background: #2F80ED; border-radius: 50px; height: 47px; margin-top: 24px; border: 0px;cursor: pointer;}
    .modalsss-content .TotalArea .btn2:hover{ color: #fff; background: #313131;}
    .modalsss-content .TotalArea a{ font-size: 18px; line-height: 48px; font-weight: 600; color: #fff;  background: #2F80ED; display: inline-block; width: 100%;border-radius: 50px; text-align: center; height: 47px; margin: 10px 0 ;text-decoration: none;}
    .modalsss-content .TotalArea a:hover{color: #fff; background: #313131;}
 .trigger{
      text-align: center;
     padding: 5px 9px;
     outline: none;
     border: none;
     border-radius: 5px;
     font-family: cursive;
     }

     .modalsss {
     position: fixed;
     right: 0;
     top: 0;
     width: 100%;
     height: 100%;
     /* background-color: rgba(0, 0, 0, 0.5); */
     opacity: 0;
     visibility: hidden;
     transition: all .5s;
     }
     .show-modalsss div#modalsss-content {
        right: 0;
    }
     .modalsss-content {
     position: absolute;
     top: 0;
     right: -100%;
     transition: all .5s;
     transform: unset;
     padding: 0;
     width: 480px;
     border-radius: 0;
     height: 100vh;
     background-color: #F8F8F8;
     }
   
     .show-modalsss {
     opacity: 1;
     visibility: visible;
     right: 0;
     transition: all .5s;
     }


     .washable_txt p {
      font-size: 18px;
      line-height: 27px;
      color: #313131;
      font-weight: 300;
      text-overflow: ellipsis;
      overflow: hidden;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      line-clamp: 2;
      -webkit-box-orient: vertical;
      margin: 0.8rem 0;
  }
  
  .modalsss-content .washable_txt {
      width: 76%;
      float: right;
      padding: 0px 0 0;
  }
  
  .modalsss-content .washable_txt h5 {
      font-size: 18px;
      line-height: 27px;
      color: #313131;
      font-weight: 600;
      padding-top: 0px;
      margin: 0.3rem 0;
  }
  
  .modalsss-content .mini_item_col2 h2:before {
      background: #767676;
      content: "\020";
      display: block;
      height: 2px;
      margin: 0.3rem 0;
      width: 1em;
      display: none;
  }
  
 .trigger {
      text-align: center;
      padding: 5px 9px;
      outline: none;
      border: none;
      border-radius: 5px;
      font-family: cursive;
      position: relative;
      background: none;
  }
 span.nvtCartCount {
      position: absolute;
      top: -4px;
      left: -4px;
      right: 0;
      margin: 0 auto;
      width: 15px;
      height: 15px;
      background: #2F80ED;
      color: #fff;
      border-radius: 50%;
      line-height: 15px;
      font-size: 8px;
      
  }
  .trigger:hover{ background:#30A1AF; color:#fff;}
  .close-button {
    float: left;
    width: 40px;
    line-height: 55px;
    text-align: center;
    cursor: pointer;
    border-radius: 0rem;
    background-color: lightgray;
    background-color: #f8f8f8;
    font-weight: 300;
    font-size: 33px;
  }
      
  .close-button:hover {
      background-color: #30A1AF;
  }
  
  .modalsss-content [type="checkbox"], .modalsss-content [type="radio"] {
      box-sizing: border-box;
      padding: 0;
      accent-color: #30A1AF;
      height: 15px;
      width: 15px;
  }
       @media screen and (max-width:580px){
        .modalsss-content {
            width: 100%;
        }
        .modalsss-content .mini_cart_left h3 { font-size: 16px; line-height: 25px;}
        .modalsss-content .mini_cart_left h3:before {content: '';width: 27px; height: 26px; position: absolute; left: 32%; top:0px; background-image: url(./images/Vector.png);background-size: 100%;background-repeat: no-repeat;}
        .modalsss-content .mini_item_row { width: 100%; display: flex; padding: 30px 0 0; border-bottom: 1px solid #313131; padding-bottom: 10px;}
        .modalsss-content .mini_item_col1 { width: 100px;}
        .modalsss-content .mini_item_col2 h2 { font-size: 16px; line-height: 18px; font-weight: 400; color: #313131; padding-bottom: 16px; position: relative;}
        .modalsss-content .mini_item_col3 h4 span.woocommerce-Price-amount.amount{font-size: 16px;line-height: 24px;font-weight: 400;color: #313131;padding-top: 18px;}
        .modalsss-content input#qty { text-align: center;
            font-size: 15px;
            line-height: 24px;
            font-weight: 600;
            border: 0px;
            height: 26px;
            padding-left: 0;}
        .modalsss-content .mini_item_col2 .qtyminus {width: 27px; height: 27px;color: #313131;font-size: 16px;line-height: 24px;font-weight: 600;border: 0px;}
        .modalsss-content .mini_item_col2 .qtyplus {width: 27px;height: 27px;color: #313131;font-size: 16px;line-height: 24px;font-weight: 600;border: 0px;}
        .modalsss-content .washable label { font-size: 16px; line-height: 24px; color: #313131; font-weight: 600; padding-left: 10px;}
        .modalsss-content .washable_txt {
            width: calc(75% - 10px);
            float: right;
            padding: 15px 0 0;
      }
      .modalsss-content .washable_img {
     margin-right: 10px;
     }

     .modalsss-content .TotalArea {
    
    position: fixed;
    left: 0;
    bottom: 0;
    max-width: 480px;
    padding: 20px;
    background: #F8F8F8;
    margin: 30px 0 0;
}
.modalsss-content .washable_txt p {font-size: 15px;line-height: 24px;color: #313131;font-weight: 300; text-overflow: ellipsis;overflow: hidden;}
.modalsss-content .TotalArea h4{font-size: 16px;line-height: 24px;font-weight: 700;color: #313131;}
.modalsss-content .TotalArea h4 span.woocommerce-Price-amount.amount {font-size: 16px;line-height: 24px;font-weight: 400;color: #313131;}
.modalsss-content .TotalArea .btn2 {  width: 100%;  font-size: 16px;  line-height: 25px;  font-weight: 600;  color: #fff;  background: #2F80ED;  border-radius: 50px;  height: 45px;  margin-top: 30px;  border: 0px;  cursor: pointer;}
.modalsss-content .TotalArea a { font-size: 16px; line-height: 47px; font-weight: 600; color: #fff; background: #2F80ED; display: inline-block; width: 100%; border-radius: 50px; text-align: center; height: 45px; margin: 10px 0; text-decoration: none;}
.modalsss-content .washable_txt p br{ display: none;} }


.modalsss-content .mini_item_row {
    direction: rtl;
}
.modalsss-content .mini_item_col3 {
    text-align: left;
}
.modalsss-content .mini_item_col2 h2 {
    font-size: 16px;
    line-height: 24px;
    text-align: right;
}
.modalsss-content .qty {
    justify-content: end;
    direction: ltr;
}
.modalsss-content .mini_item_row{
	padding-top:15px
}

ul.products.columns-3 {
	padding:0;
}
.modalsss-content .washable {
    float: right;
    margin: 15px 0 0;
    direction: rtl;
}
.modalsss-content .washable label {
    font-size: 16px;
    line-height: 22px;
    padding: 0 10px 0 0;
}
.modalsss-content .washable_txt p {
    font-size: 16px;
    line-height: 22px;
}
.modalsss-content .washable_img {
    width: 60px;
    height: 60px;
    float: right;
    padding: 0;
    border-radius: 50%;
    background-color: #30A1AF;
    text-align: center;
    margin: 10px 0 0 10px;
    box-shadow: 0px 0px 12.8174px rgba(0, 0, 0, 0.2);
}
.modalsss-content .washable_img img {
    width: 40px;
    height: 40px;
    margin: 12px 0 0;
}
.modalsss-content .relatedScroll {
    max-height: 73%!important;
	padding-bottom:60px!important;
}
.ButtonsCart {
    display: flex;
    gap: 10px;
	width:100%;
}
.LoaderInside {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
}
.LoaderInside img{
	width:60px;
	height:60px;
	object-fit:contain;
}
.TotalArea h4 {
    margin: 0;
}
.modalsss-content .TotalArea h4 {
    direction: rtl!important;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
	line-height:18px;
}
.TotalArea a{
	margin:0;
}
ul.products.columns-3 {
    padding: 0 0 20px;
    float: left;
}