.cust-badge {
   height: 32px;
   padding: 0 12px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50px;
   font-size: 14px;
}

.orange-500 {
   color: #d9822b;
}

.bg-orange-100 {
   background-color: #fff3e6;
}
/* 
.inset-shadow {
   box-shadow: 0 0 0 1px #d3d7e1;
} */

.circles i {
   border-radius: 50%;
}

.indicater-p {
   display: flex;
   justify-content: start;
   gap: 8px;
   align-items: center;
}

.indicater-p i {
   border-radius: 50%;
}

.indicater-p i::before {
   border-radius: 50%;
}

.indicater-p i.text-white::before {
   border: 1px solid #d3d7e1;
}

.avatar-card-inner {
   display: flex;
   align-items: center;
   gap: 12px;
}

.avatar-card-inner .icon {
   border-radius: 50%;
   min-width: 30px;
   height: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: #2f8f5e;
   color: white;
}

.prodect-card-gray .card-content p,
.cust-progress p {
   color: #445794;
   margin: 0;
}

.bg-primary-100 {
   background-color: #ccd4ed !important;
}

.bg-green-200 {
   background-color: #b4dbc6 !important;
}

.shadow-unset {
   box-shadow: unset;
}

.prodect-card-gray.col-flex {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}

.bg-primary-100 {
   background-color: #d9eef7 !important;
}

.bg-secondary-500 {
   background-color: #051855 !important;
}

.bg-gray-300 {
   background-color: #c1c7d7 !important;
}

.bg-green-100 {
   background-color: #e6f3ed !important;
}

.bg-secondery-100 {
   background-color: #ccd4ed !important;
}

.red-500 {
   color: #b93838 !important;
}

.bg-red-500 {
   background-color: #b93838 !important;
}

.bg-red-100 {
   background-color: #fbecec !important;
}

.bg-red-200 {
   background-color: #f3c3c3 !important;
}

.rounded-full {
   border-radius: 50% !important;
}

.mw-unset {
   min-width: unset !important;
}

.prodect-card-gray .product-title {
   flex-wrap: wrap;
   gap: 10px;
}

.primary-blue-300 {
   color: #445794 !important;
}

.white-bg-card {
   background-color: white;
   padding: 24px;
   border: 1px solid #d3d7e1;
}

.btn-2.red {
   background-color: #b93838;
   border-color: #b93838;
}

.top-space {
   margin-top: 200px;
}

.btn-2.red:hover {
   background-color: transparent;
   color: #b93838;
}

.prodect-card-gray.para-m-0 p {
   margin: 0;
}

.orange-border-500 {
   border: 1px solid #d9822b !important;
}

.green-border-500 {
   border: 1px solid #2f8f5e !important;
}

.primary-border-500 {
   border: 1px solid #008bcb !important;
}

.secondery-border-500 {
   border: 1px solid #051855 !important;
}

.snapshort .avatar {
   min-width: 38px;
   width: 38px;
   aspect-ratio: 1;
   height: unset;
}

.snapshort .avatar-lg {
   min-width: 60px;
   width: 60px;
}

.snapshort .avatar-md {
   min-width: 48px;
   width: 48px;
}

.max-w-unset {
   max-width: unset !important;
}

.primary-select {
   background-color: #008bcb;
   color: white;
   padding-right: 40px;
   background-image: url(../img/custom/arrow-down-white.svg);
   background-size: 12px 12px;
}

.cust-vart-tabs.cust-vart-tabs-v2 {
   border: unset;
}
.cust-vart-tabs.cust-vart-tabs-v2 .tab-content {
   border-left: unset;
   overflow: auto;
}

.cust-vart-tabs.cust-vart-tabs-v2 .tab-content::-webkit-scrollbar {
   display: none;
}

.cust-vart-tabs.cust-vart-tabs-v2 .inputs-box {
   border: 1px solid #c1c7d7;
   border-radius: 0;
}

.cust-vart-tabs.cust-vart-tabs-v2 .inputs-box input {
   border: unset;
}

.cust-vart-tabs.cust-vart-tabs-v2 .inputs-box input:last-child {
   max-width: 120px;
}
.cust-vart-tabs.cust-vart-tabs-v2 .inputs-box input:last-child.form-control:focus {
   box-shadow: unset;
}

.cust-vart-tabs.cust-vart-tabs-v2 .screen-print-wrapper .content {
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}
.cust-vart-tabs.cust-vart-tabs-v2 .screen-print-wrapper {
   position: relative;
   z-index: 1;
   max-width: 500px;
}
.cust-vart-tabs.cust-vart-tabs-v2 .screen-print-wrapper::before {
   content: "";
   position: absolute;
   z-index: -1;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 60%;
   background-color: #eff2f9;
   border: 1px solid #d3d7e1;
}

.screen-print-wrapper .text:last-child h4 {
   padding: 44px 0 24px 24px;
}

.cust-vart-tabs.cust-vart-tabs-v2 .sublimation .text:last-child {
   border-bottom: 0;
}
.cust-vart-tabs.cust-vart-tabs-v2 .sublimation .text {
   padding: 16px;
   border-bottom: 1px solid #c1c7d7;
}
.cust-vart-tabs.cust-vart-tabs-v2 .sublimation .image img {
   max-height: unset;
}

.payment-tabs .cust-vart-tabs.cust-vart-tabs-v2 .sublimation td.td-style {
   padding: 0 !important;
}
.charges-tab .cust-table tr th:last-child,
.charges-tab .cust-table tr td:last-child {
   text-align: end;
}

.orders .filter-btns button.active span {
   background-color: #d9eef7;
   color: #008bcb;
}

/* order process page  */
@media (min-width: 768px) {
   .order-process .track-wrapper .row .col-md-auto {
      width: 10%;
   }
}

.track-wrapper .tracking-card-v2 .complete .track-icon i {
   display: block;
}

.track-wrapper .tracking-card-v2 .inner-content {
   max-width: unset;
   margin: unset;
}

.track-wrapper .tracking-card-v2.tracking-card::before {
   display: none;
}

.track-wrapper .tracking-card-v2 .track-icon {
   width: 100%;
   aspect-ratio: unset;
   height: 58px;
   border-radius: unset;
   background-color: #eff2f9;
   border-color: #dcdfe8;
   border-left-color: transparent;
   border-right-color: transparent;
}

.track-wrapper .row > div:last-child .tracking-card-v2 .track-icon {
   border-right: 1px solid #dcdfe8;
}

.track-wrapper .row > div:first-child .tracking-card-v2 .track-icon {
   border-left: 1px solid #dcdfe8;
}

.track-wrapper .tracking-card-v2 .inner-content h6 {
   font-weight: 500;
   margin-top: 12px;
}

.track-wrapper .tracking-card-v2 .complete .track-icon,
.track-wrapper .tracking-card-v2 .active .track-icon {
   background-color: #008bcb;
   border-color: #008bcb;
}

.track-wrapper .tracking-card-v2 .inner-content p {
   display: none;
   font-size: 14px;
   color: #8c94b4;
}

.track-wrapper .tracking-card-v2 .complete.inner-content p,
.track-wrapper .tracking-card-v2 .active.inner-content p {
   display: block;
}

.title-bg-gray {
   background-color: #eff2f9;
   height: 43px;
   display: flex;
   align-items: center;
   font-weight: 500;
   padding: 0 16px;
   font-size: 16px;
}

.tr-images {
   display: flex;
   gap: 10px;
   align-items: center;
}

.tr-images img {
   max-width: 65px;
   max-height: unset !important;
}

.outline-box-select {
   height: auto;
   padding: 0;
}

.outline-box-select h4 {
   height: 60px;
   border-bottom: 1px solid #c1c7d7;
}

.shirt-title input {
   width: 100%;
   height: 35px;
   background-color: #e6f3fa;
   border: 1px solid #d3d7e1;
   outline: unset !important;
   padding: 0 10px;
}

select.select-cust-outline {
   height: 60px;
   background-image: url(../img/custom/arrow-down-outline.svg);
}

.colors-box .box.active .avatar {
   outline: 3px solid #008bcb;
}

.print-shirt-card {
   position: relative;
   z-index: 1;
   margin: 90px 0 50px;
}

.print-shirt-card .main-img {
   max-width: 335px;
   margin: auto;
}

.print-point {
   position: absolute;
   z-index: 0;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   margin: auto;
   max-width: 195px;
   max-height: 235px;
}

.print-area {
   width: 100%;
   min-height: 190px;
}

.cust-toast {
   background-color: #eff2f9;
   padding: 12px 20px;
}

.max-w-330 {
   max-width: 330px;
}

/* mediaQuery  */
@media (max-width: 991px) {
   .track-wrapper .tracking-card-v2 .inner-content h6,
   .track-wrapper .tracking-card-v2 .inner-content p {
      font-size: 12px;
   }
}

@media (max-width: 767px) {
   .flex-wrap-mob {
      flex-direction: column-reverse;
      align-items: flex-end;
      gap: 10px;
   }

   .white-bg-card {
      padding: 15px;
   }

   .snapshort .prodect-card-gray h4 {
      font-size: 18px;
   }

   .snapshort .prodect-card-gray .white-bg-card {
      flex-direction: column;
      gap: 15px;
      position: relative;
   }
   .snapshort .prodect-card-gray .white-bg-card button {
      width: 100%;
   }

   .snapshort .prodect-card-gray .white-bg-card .flat-btn {
      position: absolute;
      z-index: 0;
      top: 7px;
      right: 10px;
      max-width: 10px;
   }

   .snapshort .prodect-card-gray .white-bg-card .flat-btn i {
      font-size: 14px;
   }

   .top-space {
      margin-top: 30px;
   }

   .cust-vart-tabs.cust-vart-tabs-v2 .screen-print-wrapper::before {
      height: 100%;
   }

   .cust-vart-tabs.cust-vart-tabs-v2 .screen-print-wrapper .row {
      width: 100%;
   }

   .cust-vart-tabs.cust-vart-tabs-v2 .screen-print-wrapper h4 {
      padding: 0;
   }

   .track-wrapper .tracking-card-v2 {
      margin-bottom: 20px;
   }

   .track-wrapper .tracking-card-v2 .inner-content {
      flex-direction: column;
      gap: 0;
   }

   .track-wrapper .tracking-card-v2 .track-icon {
      height: 45px;
   }

   .cust-vart-tabs.cust-vart-tabs-v2 .screen-print-wrapper {
      padding: 15px;
   }
}