/*your custom css goes here*/


.font-size-16px {
  font-size: 16px;
}

.font-weight-600 {
  font-weight: 600;
}

.disabled-variant {
  border: 2px dotted #c2c2c2 !important;
  opacity: .6;
}

.aiz-megabox>input:checked~.aiz-megabox-elem,
.aiz-megabox>input:checked~.aiz-megabox-elem {
  border-color: #5652f0;
}

.master-card {
  background-image: url('../img/pg/icons8-mastercard-48.svg');
}

.order-shipment-lbl-process {
  /* overflow-x: auto;
        flex-wrap: nowrap;
        text-wrap: nowrap; */
}

.aiz-category-menu .sub-cat-menu {
  /* width: 100%; */
  margin-top: 42px;
  /* left: 0; */
}

.truncate-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.truncate-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.order-progress-bar .line {
  float: left;
  position: relative;
  width: 150px;
  height: 3px;
  background: #dad0d0;
  /* top: 200px;
    left: 750px; */
}

.order-progress-bar .line:before {
  position: absolute;
  width: 15px;
  height: 15px;
  background: #dad0d0;
  content: '';
  top: -6px;
  border-radius: 50%;
}

.order-progress-bar .line.active:before {
  background: green;

}

.order-progress-bar .line:nth-child(3):after {
  position: absolute;
  width: 15px;
  height: 15px;
  background: #dad0d0;
  content: '';
  top: -6px;
  right: -10px;
  border-radius: 50%;
}

.order-progress-bar .line .status {
  position: absolute;
  left: -20px;
  top: 20px;
}

.order-progress-bar .line:nth-child(3) .status {
  left: -50px;
}

.order-progress-bar .line:nth-child(3) .status:nth-child(2) {
  left: 120px;
  white-space: nowrap;
}

.order-progress-bar .inner-line-1,
.inner-line-2,
.inner-line-3 {
  width: 0%;
  height: 100%;
  background: green;

}

.order-progress-bar .active {
  animation: order-process-flow 4s ease-in forwards;

}

.order-progress-bar .inner-line-2 {
  -webkit-animation-delay: 3s;
}

.order-progress-bar .inner-line-3 {
  -webkit-animation-delay: 6s;
}

@keyframes order-process-flow {
  from {
    width: 0%;
  }

  to {
    width: 100%;
  }
}


.front-mobile-side-nav .aiz-side-nav-list .level-2 .aiz-side-nav-link:after {
  content: none !important;
}

.front-mobile-side-nav .aiz-side-nav-list .level-2 .aiz-side-nav-link:after {
  content: none !important;
}



.front-mobile-side-nav .aiz-side-nav-list .aiz-side-nav-link:hover,
.front-mobile-side-nav .aiz-side-nav-list .aiz-side-nav-link.level-2-active,
.front-mobile-side-nav .aiz-side-nav-list .aiz-side-nav-link.level-3-active,
.front-mobile-side-nav .aiz-side-nav-list .aiz-side-nav-link.active {
  color: #fff;
  background-color: var(--primary);
}