.axil-mainmenu .header-navbar {
    padding: 1.5rem !important;
}

.header-action {
    width: 100%;
}

.action-list 
{
    float: right;
}

.placeholder .product-search-input {
    width: 90%;
}

.categrie-product .cat-title {
    font-size: 14px !important;
}

.axil-product.product-style-six .product-content .product-price-variant {
    background-color:#00BAB2 !important;
    border: 1px solid #00BAB2 !important;
}

.product-area {
    border-bottom: 0px !important;
}

.bg-vista-white {
    background-color: #7cb7961f;
}

.old-price-show {
    text-decoration: line-through;
    color: red;
    font-size:0.6em;
}


/* (A) LOADING SPINNER */
#spinner {
    /* (A1) COVER FULL SCREEN */
    position: fixed;
    top: 0; left: 0; z-index: 999;
    width: 100vw; height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 0.2s;
   
    /* (A2) CENTER SPINNER */
    display: flex;
    align-items: center; justify-content: center;
   
    /* (A3) HIDE BY DEFAULT */
    visibility: hidden; opacity: 0;
  }
   
  /* (A4) SHOW SPINNER */
  #spinner.show { visibility: visible; opacity: 1; }
   
  /* (B) RECOMMENDED - NO PAGE MARGIN */
  html, body { margin: 0; }
  .no-bottom-border {
      border-bottom-width: 0px !important;
  }

  .p-20 {
      padding: 20px !important;
  }

  .p-30 {
    padding: 30px !important;
}

.p-40 {
    padding: 40px !important;
}

.p-50 {
    padding: 50px !important;
}

.hide {
    display: none !important;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-50 {
    margin-bottom: 50px;
}

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

.mt-50 {
    margin-top: 50px !important;
}

.form-group label span {
    color: var(--color-chart03);
}

.error-border {
    border-color: var(--color-chart03) !important;
    border-width: 1px !important;
}

.axil-dashboard-author {
margin-bottom: 20px !important;
}

.thumb {
    border-radius: 10px;
    height: 80px;
    width: 80px;
    object-fit: cover;
    margin: 5px;
}

.block {
    display: block  ;
}


.quantity-container {
    display: flex;
    justify-content: space-evenly;
    width: 100% !important;
}

.quantity-container .dec-quantity {
    width: 40px;
    height: 40px;
    border-radius: 20px;
}

.quantity-container .current-quantity {
    justify-content: center;
    font-size: 16px;
    height: 40px;
    background-color: transparent;
    font-weight: bold;
}
.quantity-container .inc-quantity {
    width: 40px;
    height: 40px;
    border-radius: 20px;
}

