@charset "UTF-8";
/*---------------------------------- fonts ----------------------------------*/
/*---------------------------------- ellipsis ----------------------------------*/
/*---------------------------------- line text ----------------------------------*/
/*---------------------------------- text gradient ----------------------------------*/
/*---------------------------------- glass effect ----------------------------------*/
/*---------------------------------- card shadow ----------------------------------*/
/*---------------------------------- font icon ----------------------------------*/
/*---------------------------------- overlay ----------------------------------*/
/*---------------------------------- border radius ----------------------------------*/
/*---------------------------------- line ----------------------------------*/
/*---------------------------------- background image ----------------------------------*/
/*---------------------------------- scroll bar ----------------------------------*/
/*---------------------------------- media query ----------------------------------*/
/*---------------------------------- flex ----------------------------------*/
/*---------------------------------- Second Language ----------------------------------*/
#container {
  width: 100%;
  padding: 50px 0;
  display: flex;
  align-items: center;
  justify-content: center;
} /* container */
.feedback-box {
  position: relative;
  z-index: 100;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-top: 10px solid;
  width: 330px;
  height: 420px;
  text-align: center;
  padding: 35px 15px;
  background-color: #fff;
  border-radius: 15px;
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  overflow: hidden;
}
@media only screen and (max-width: 575.98px) {
  .feedback-box {
    width: 290px;
    height: auto;
  }
}
.feedback-box.success {
  border-color: #5AE9BA;
}
.feedback-box.success .feedback-box__icon::before,
.feedback-box.success .feedback-box__icon::after {
  background-image: url("../images/background/background-success.webp");
}
.feedback-box.success {
  /* success feedback box icon */
}
.feedback-box.success .feedback-box__icon i[class^=icon-] {
  background-color: #5AE9BA;
}
.feedback-box.success {
  /* success feedback icon icon */
}
.feedback-box.success .feedback-box__button {
  background-color: #5AE9BA;
  border: 1px solid #5AE9BA;
  box-shadow: 0 3px 20px 0 rgba(90, 233, 186, 0.6);
}
.feedback-box.success {
  /* success feedback box button */
}
.feedback-box {
  /* feedback box success */
}
.feedback-box.error {
  border-color: #f86969;
}
.feedback-box.error .feedback-box__icon::before,
.feedback-box.error .feedback-box__icon::after {
  background-image: url("../images/background/background-error.webp");
}
.feedback-box.error {
  /* success feedback box icon */
}
.feedback-box.error .feedback-box__icon i[class^=icon-] {
  background-color: #f86969;
}
.feedback-box.error {
  /* error feedback icon icon */
}
.feedback-box.error .feedback-box__button {
  background-color: #f86969;
  border: 1px solid #f86969;
  box-shadow: rgba(248, 105, 105, 0.6) 0px 3px 13px 0px;
}
.feedback-box.error {
  /* success feedback box button */
}
.feedback-box {
  /* feedback box error */
}
.feedback-box__icon {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
}
.feedback-box__icon::before, .feedback-box__icon::after {
  content: "";
  position: absolute;
  width: 100px;
  height: 100px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
.feedback-box__icon {
  /* icon before after */
}
.feedback-box__icon::before {
  top: -60px;
  left: 68%;
  animation: topBlob 3.5s forwards infinite;
}
.feedback-box__icon {
  /* icon before */
}
.feedback-box__icon::after {
  top: 43px;
  right: 38%;
  transform: scale(-1);
  animation: bottomBlob 3.5s forwards infinite;
}
.feedback-box__icon {
  /* icon before */
}
.feedback-box__icon i[class^=icon-] {
  position: relative;
  padding: 30px;
  border-radius: 50%;
  font-size: 30px;
  color: #fff;
}
.feedback-box__icon i[class^=icon-]::before {
  display: block;
  transform: translateX(calc(-1 * 3px));
}
.feedback-box__icon i[class^=icon-] {
  /* icon before */
}
.feedback-box__icon i[class^=icon-]::after {
  content: "";
  position: absolute;
  top: 0;
  left: -5px;
  width: 100%;
  height: 100%;
  border: 6px solid #3c474d;
  border-radius: 50%;
  z-index: 2;
}
.feedback-box__icon i[class^=icon-] {
  /* icon after */
}
.feedback-box__icon {
  /* icon icon */
}
.feedback-box {
  /* feedback box icon */
}
.feedback-box__title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #333;
}
.feedback-box {
  /* feedback box title */
}
.feedback-box__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 5px;
  color: #6e6e6e;
}
.feedback-box {
  /* feedback box text */
}
.feedback-box__list {
  margin: 30px 0;
  flex-direction: column;
  gap: 10px 0;
}
.feedback-box__list li {
  width: 100%;
}
.feedback-box__list {
  /* list li */
}
.feedback-box {
  /* feedback box list */
}
.feedback-box__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.feedback-box__link .title {
  font-size: 14px;
  font-weight: 400;
  color: #888;
}
.feedback-box__link {
  /* link title */
}
.feedback-box__link .text {
  font-size: 14px;
  font-weight: 300;
  color: #6e6e6e;
}
.feedback-box__link {
  /* link text */
}
.feedback-box {
  /* feedback box link */
}
.feedback-box__button {
  width: 100%;
  padding: 15px;
  color: #fff;
  border-radius: 50px;
}
.feedback-box {
  /* feedback box button */
} /* feedback box */
@keyframes topBlob {
  0% {
    transform: translateY(0) translateX(-50%);
  }
  50% {
    transform: translateY(-10px) translateX(-50%);
  }
  100% {
    transform: translateY(0) translateX(-50%);
  }
}
@keyframes bottomBlob {
  0% {
    transform: translateY(0) translateX(-50%) scale(-1);
  }
  50% {
    transform: translateY(10px) translateX(-50%) scale(-1);
  }
  100% {
    transform: translateY(0) translateX(-50%) scale(-1);
  }
}
.profile-card {
  margin-bottom: 30px;
  padding: 15px;
  border-radius: 16px;
  box-shadow: rgba(100, 100, 111, 0.06) 0px 7px 29px 0px;
  background: #fff;
  min-height: 320px;
  position: relative;
  background: #fff;
}
@media only screen and (max-width: 991.98px) {
  .profile-card.page {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
  }
}
.profile-card .nav-tabs {
  display: flex;
  flex-flow: row;
  overflow-y: hidden;
  overflow-x: auto;
  padding-bottom: 5px;
  margin-bottom: 25px;
}
.profile-card .nav-tabs::-webkit-scrollbar {
  width: 1.5;
}
.profile-card .nav-tabs::-webkit-scrollbar-thumb {
  background-color: #c7070a;
  border-radius: 10px;
  width: 5px;
  height: 2px;
}
.profile-card .nav-tabs::-webkit-scrollbar-track {
  background-color: rgb(254.2014563107, 232.2985436893, 232.640776699);
}
.profile-card .nav-link {
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .profile-card .nav-link {
    font-size: 12px;
  }
}

.profile-btn {
  color: #1870ce !important;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  padding-bottom: 0;
  font-size: 13px;
  position: absolute;
  left: 50%;
  bottom: 16px;
  transform: translateX(-50%) translateY(0%);
}

.payment-status span {
  font-size: 12px;
  font-weight: 400;
  padding: 7px 13px;
  border-radius: 10px;
}
.payment-status.success span {
  background-color: rgb(240.075, 246.525, 240.375);
  color: #388e3c;
}
.payment-status.failed span {
  background-color: rgb(254.22, 239.66, 239.66);
  color: #f31313;
}
.payment-status.canceled span {
  background-color: rgb(242.25, 242.25, 242.25);
  color: #6e6e6e;
}
.payment-status.pending span {
  background-color: rgb(255, 248.84, 234.6);
  color: rgb(204, 142.4, 0);
}

.profile-navigation {
  padding: 15px 25px;
  background-color: #fff;
  box-shadow: rgba(100, 100, 111, 0.06) 0px 7px 29px 0px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  z-index: 1;
}
.profile-navigation__title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
  color: #c7070a;
  font-size: 16px;
  font-weight: 800;
}
.profile-navigation {
  /* profile navigation title */
}
.profile-navigation__link {
  display: flex;
  font-size: 25px;
  color: inherit !important;
}
.profile-navigation {
  /* profile navigation link */
} /* profile navigation */
.profile {
  z-index: 1;
}

.z-index-1 {
  z-index: 1;
}

.order-address__button {
  padding: 15px 30px;
  margin-bottom: 25px;
}
.order-address {
  /* order address button */
}
.order-address-title {
  font-size: 15px;
  margin-bottom: 10px;
  color: #333;
}
.order-address {
  /* order address title */
}
.order-address-item {
  border-bottom: 1px solid #dee2e6;
}
.order-address {
  /* order address item */
}
.order-address-city, .order-address-postalCode, .order-address-reciver-mobile, .order-address-reciver-name {
  color: #6e6e6e;
  font-size: 13px;
  font-weight: 300;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 5px;
}
.order-address-city .icon, .order-address-postalCode .icon, .order-address-reciver-mobile .icon, .order-address-reciver-name .icon {
  font-size: 14px;
  margin-left: 5px;
}
.order-address {
  /* order address city amd postal code and reciver mobile and reciver name  */
}
.order-address-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 12px;
  margin-bottom: 10px;
}
.order-address {
  /* order address actions */
} /* order address */
.address-dosent-exist {
  display: flex;
  align-items: center;
  flex-flow: column;
}

.address-card {
  padding: 10px 20px;
  border-bottom: 1px solid #dddddd;
  flex-direction: column;
}
.address-card__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  flex-direction: column;
}
.address-card {
  /* address card list */
}
.address-card__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  margin: 3px 0;
  align-items: baseline;
  text-align: right;
}
.address-card {
  /* address card item */
}
.address-card__icon {
  color: #989898;
  margin-left: 5px;
}
.address-card {
  /* address card icon */
}
.address-card__edit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
}
.address-card__edit-item {
  color: #a8a8a8;
  padding: 5px 0 8px;
  font-size: 1.4rem;
  margin: 0 6px;
  transition: all 300ms linear;
}
.address-card__edit-item:hover {
  color: rgb(204.6, 31.8, 34.5);
}
.address-card__edit {
  /* edit item */
}
.address-card__edit-icon {
  color: rgb(204.6, 31.8, 34.5);
  margin-left: 5px;
}
.address-card__edit {
  /* edit icon */
}
.address-card {
  /* address card edit */
} /* address card */
.order-address-action-item {
  background: transparent;
  border: 0;
  cursor: pointer;
} /* order address action item */
.order-address-delete {
  color: #f31313;
} /* order address delete */
.order-address-edit {
  color: #1870ce;
} /* order address edit */
.order-address-change-btn {
  color: #1870ce;
  background: transparent;
  border: 0;
  cursor: pointer;
  font-size: 12px;
  padding: 5px 0;
} /* order address change btn */
.profile-menu-wrapper {
  border-radius: 16px;
  margin-bottom: 45px;
  padding: 15px;
  box-shadow: rgba(100, 100, 111, 0.06) 0px 7px 29px 0px;
  background: #fff;
  top: 70px;
}

.profile-user {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.profile-user-img {
  width: 70px;
  border-radius: 100%;
  margin-left: 10px;
}

.profile-user-name {
  font-size: 16px;
  line-height: 1.375;
  color: #333;
  font-weight: 700;
}

.profile-user-phone {
  font-size: 14px;
  line-height: 1.833;
  color: #6e6e6e;
  font-weight: 300;
  margin-top: 5px;
}

.profile-menu {
  margin-top: 20px;
  border-top: 1px dashed rgb(216.75, 216.75, 216.75);
  padding-top: 10px;
}

.profile-menu-item {
  font-size: 14px;
  line-height: 1.571;
  color: #333 !important;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px 0;
  transition: all 300ms linear;
  width: 100%;
  border: 0;
  background: transparent;
  justify-content: unset !important;
}
.profile-menu-item:hover {
  color: rgb(204.6, 31.8, 34.5);
}
.profile-menu-item [class^=icon-] {
  font-size: 22px;
  margin-left: 5px;
}

.logout .profile-menu-item:hover {
  color: #f31313;
}

.personal-info {
  display: flex;
  flex-wrap: wrap;
}
.personal-info-item {
  width: 50%;
  padding: 18px;
  border: 1px solid #ddd;
  border-top: 0;
  border-right: 0;
  position: relative;
}
@media screen and (max-width: 991.98px) {
  .personal-info-item {
    width: 100%;
    border-left: 0;
  }
}
.personal-info-item:nth-child(even) {
  border-left: 0;
}
@media screen and (max-width: 991.98px) {
  .personal-info-item:last-child {
    border-bottom: 0;
  }
}
.personal-info-item-title {
  font-size: 12px;
  font-weight: 300;
  line-height: 1.571;
  padding: 2.5px 0;
  color: #6e6e6e;
}
.personal-info-item {
  /* personal info item title */
}
.personal-info-item-desc {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.571;
  color: #333;
}
.personal-info-item {
  /* personal info item desc */
}
.personal-info {
  /* personal info item */
}
.personal-info-edit {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #1870ce;
  background: transparent;
  border: 0;
  padding: 15px;
  cursor: pointer;
  font-size: 12px;
}
.personal-info {
  /* personal info edit */
} /* personal info */
.favoriteList .favorites-item {
  margin-bottom: 0;
  padding: 5px 0;
  width: calc(50% - 10px);
}
.favoriteList .favorites-item:nth-child(odd) {
  border-left: 1px solid rgb(229.5, 229.5, 229.5);
}
@media only screen and (max-width: 991.98px) {
  .favoriteList .favorites-item {
    width: 100%;
    border-left: none !important;
    margin-bottom: 10px;
  }
}
.favoriteList .favorites {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 992px) {
  .favorites-item-price {
    display: flex;
    flex-flow: column;
  }
}

.favorites-item {
  display: flex;
  width: 100%;
  margin-bottom: 5px;
  position: relative;
  padding-bottom: 5px;
  border-bottom: 1px solid #e1e1e1;
}
.favorites-item-img {
  width: 75px;
  height: 75px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-right: 5px;
}
.favorites-item {
  /* favorites item img */
}
.favorites-item-details {
  padding: 5px 10px;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: calc(100% - 130px);
  overflow: hidden;
  margin-top: 5px;
  line-height: 28px;
}
.favorites-item {
  /* favorites item details */
}
.favorites-item-delete {
  position: absolute;
  left: 0;
  padding: 10px 15px;
  font-size: 18px;
  background: transparent;
  border: 0;
  cursor: pointer;
  transition: all 300ms linear;
}
.favorites-item-delete:hover {
  color: #f31313;
}
.favorites-item {
  /* favorites item delete */
}
.favorites-item-title {
  font-size: 14px;
  color: #333;
  width: 100%;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: all 300ms linear;
}
.favorites-item-title:hover {
  color: #c7070a;
}
.favorites-item {
  /* favorites item title */
}
.favorites-item-product-price {
  color: #c7070a;
  font-size: 15px;
  font-weight: bold;
  padding-left: 15px;
}
.favorites-item-product-price.unavailable {
  padding: 5px 10px;
  border-radius: 10px;
  background-color: rgb(247.4419354839, 106.3580645161, 106.3580645161);
  color: #f31313;
  font-size: 12px;
}
.favorites-item {
  /* favorites item product price */
}
.favorites-item-product-discounts {
  padding: 3.5px 7px;
  border-radius: 10px;
  background-color: white;
  color: #c7070a;
  font-size: 12px;
}
.favorites-item {
  /* favorites item product discounts */
}
.favorites-item-product-old-price {
  color: rgb(135.5, 135.5, 135.5);
  text-decoration: line-through;
  font-size: 13px;
  padding-left: 15px;
  font-weight: 300;
  display: inline-block;
}
.favorites-item {
  /* favorites item product old price */
} /* favorites item */
.img-fluid {
  max-height: 100%;
  max-width: 100%;
  border-radius: 7px;
}

.latest-orders {
  padding-bottom: 40px;
}
.latest-orders th, .latest-orders td {
  text-align: center;
  font-size: 16px;
  line-height: 1.467;
  color: #6e6e6e;
  padding: 24px;
}
.latest-orders tbody {
  font-weight: 300;
}
.latest-orders th {
  color: #333;
  font-size: 16px;
}
.latest-orders .table-bordered {
  width: 100%;
  border-collapse: collapse;
  border-radius: 0;
  overflow: hidden;
  box-shadow: 0 0 0 1px #f5f5f5 inset;
}

.shopping-details {
  transition: all 300ms linear;
  padding: 0 !important;
}
.shopping-details:hover {
  background-color: rgba(0, 0, 0, 0.0588235294);
}
.shopping-details-link {
  color: #8d9aa8;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  padding-right: 16px;
}

/* shopping details */
.order-count {
  background: rgb(246.6, 217.8, 218.25);
  color: #c7070a;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-size: 14px;
  padding: 11px;
  margin-right: 5px;
} /* order count */
.profile-order-link {
  color: #6e6e6e;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  margin-right: auto;
  transition: all 300ms linear;
}
.profile-order-link:hover {
  color: rgb(204.6, 31.8, 34.5);
}

/* profile order link */
.profile-order-content {
  display: flex;
  width: calc(100% - 20px);
  overflow: auto;
  margin: 10px 10px 15px 10px;
}
.profile-order-content::-webkit-scrollbar {
  width: 1.5;
}
.profile-order-content::-webkit-scrollbar-thumb {
  background-color: #c7070a;
  border-radius: 10px;
  width: 5px;
  height: 2px;
}
.profile-order-content::-webkit-scrollbar-track {
  background-color: rgb(254.2014563107, 232.2985436893, 232.640776699);
}
.profile-order-content-link {
  width: 100px;
  height: 100px;
  margin-top: 15px;
  margin-right: 0;
  margin-bottom: 15px;
  margin-left: 5px;
  display: inline-block;
  text-align: right;
}
.profile-order-content {
  /* profile order content link */
} /* profile order content */
.profile-order-button {
  display: flex;
  padding: 14px 22px;
  max-width: 150px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 15px;
  margin-left: 15px;
} /* profile order button */
.profile-order-info-wrapper {
  padding: 0 15px;
  position: relative;
  direction: rtl;
}

.profile-order-info-desc {
  color: #333;
  font-weight: 600;
}
.profile-order-info-desc.success {
  padding: 0 15px;
  border-radius: 10px;
  background-color: rgb(228.7515151515, 244.6484848485, 229.4909090909);
  color: #388e3c;
}
.profile-order-info-desc.error {
  padding: 0 15px;
  border-radius: 10px;
  background-color: white;
  color: #f31313;
}
.profile-order-info-desc.canceled {
  padding: 0 15px;
  border-radius: 10px;
  background-color: rgb(255, 242.68, 214.2);
  color: rgb(229.5, 160.2, 0);
}

.profile-order-content-details {
  flex-flow: column;
}
.profile-order-content-details .profile-order-content-item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  border-bottom: 1px dashed #cccccc;
  position: relative;
}
@media screen and (max-width: 992px) {
  .profile-order-content-details .profile-order-content-item {
    flex-flow: column;
  }
}
.profile-order-content-details .profile-order-content-item:last-child {
  border-bottom: 0;
}
.profile-order-content-details {
  /* profile order content item */
}
.profile-order-content-details .profile-order-content-info {
  margin: 15px 5px;
}
@media screen and (max-width: 992px) {
  .profile-order-content-details .profile-order-content-info {
    margin-bottom: 60px;
  }
}
.profile-order-content-details {
  /* profile order content info */
}
.profile-order-content-details .profile-order-content-title {
  font-size: 14px;
  color: #333;
  width: 100%;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media screen and (max-width: 992px) {
  .profile-order-content-details .profile-order-content-title {
    white-space: normal;
  }
}
.profile-order-content-details .profile-order-content-title:hover {
  color: #c7070a;
}
.profile-order-content-details {
  /* profile order content title */
}
.profile-order-content-details .profile-order-content-product-price {
  color: #f31313;
  font-size: 14px;
  padding-left: 15px;
}
.profile-order-content-details {
  /* profile order content product price */
}
.profile-order-content-details .profile-order-content-product-discounts {
  color: #388e3c;
  font-size: 12px;
}
.profile-order-content-details {
  /* profile order content product discounts */
}
.profile-order-content-details .profile-order-content-product-old-price {
  color: #6e6e6e;
  text-decoration: line-through;
  font-size: 14px;
  padding-left: 15px;
  display: inline-block;
}
.profile-order-content-details {
  /* profile order content product old price */
}
.profile-order-content-details .profile-order-content-info-desc {
  font-size: 13px;
  font-weight: 400;
  line-height: 28px;
  color: #888;
}
.profile-order-content-details .profile-order-content-info-desc span {
  padding-left: 5px;
  display: inline-block;
}
.profile-order-content-details .profile-order-content-actions {
  position: absolute;
  left: 0;
  bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.profile-order-content-details .profile-order-content-actions .profile-order-content-action {
  padding: 9px 15px;
  font-size: 12px;
  cursor: pointer;
  border-radius: 6px;
  margin-left: 5px;
  transition: all 300ms linear;
}
.profile-order-content-details .profile-order-content-actions {
  /* profile order content action */
}
.profile-order-content-details {
  /* profile order content actions */
}
.profile-order-content-details .profile-order-content-info-color {
  padding-right: 20px;
  position: relative;
}
.profile-order-content-details .profile-order-content-info-color:before {
  content: "";
  font-size: 33px;
  background: var(--data-color);
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 100%;
}
.profile-order-content-details {
  /* profile order content info color */
} /* profile order content details */
.profile-order-content-info-wrapper {
  margin: 5px 0;
  display: flex;
  flex-direction: column;
  max-height: 70px;
  flex-wrap: wrap;
}

.profile-order__info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 20px;
  padding: 15px 0;
  border-bottom: 1px dashed rgb(216.75, 216.75, 216.75);
  margin-bottom: 15px;
}
.profile-order__info:last-child {
  border: none;
  margin: 0;
}
.profile-order__info .main-btn {
  padding: 11px 18px;
  margin-right: auto;
}
.profile-order__info {
  /* profile order__info print */
}
.profile-order__info .form-card {
  display: none;
  width: 100%;
}

/* profile order info */
.profile-order__title {
  position: sticky;
  top: 0;
  width: 100%;
  font-size: 16px;
  font-weight: 800;
  color: #333;
  margin-bottom: 5px;
  background-color: #fff;
  padding: 5px 0;
  z-index: 5;
} /* profile order title */
.profile-order__logo img {
  width: 80px;
  height: 80px;
  object-fit: contain;
}

/* profile order title */
.order-box .footer-list__link {
  display: flex;
  align-items: center;
}
.order-box .footer-list__link .icon {
  margin-left: 5px;
}

.printable {
  display: none;
}

@media print {
  .printable {
    display: block;
  }
  .printable.profile-order__tabel {
    display: table;
  }
  .no-print {
    display: none;
  }
}
.pending-comments {
  margin-bottom: 0;
  padding: 5px 0;
  display: flex;
  flex-wrap: wrap;
}
.pending-comments__item {
  display: flex;
  width: 100%;
  margin-bottom: 10px;
  position: relative;
  padding-bottom: 5px;
  border-bottom: 1px dashed #cccccc;
}
.pending-comments__item-img {
  width: 75px;
  height: 75px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.pending-comments__item {
  /* pending comments item img */
}
.pending-comments__item-title {
  font-size: 14px;
  color: #6e6e6e;
  font-weight: 400;
  width: 100%;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: 0.3s all;
}
.pending-comments__item-title:hover {
  color: #c7070a;
}
.pending-comments__item {
  /* pending comments item title */
}
.pending-comments__item-add {
  background: transparent;
  border: 0;
  position: absolute;
  left: 0;
  bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1870ce !important;
  cursor: pointer;
  padding: 10px;
  font-size: 13px;
}
.pending-comments__item-add .icon {
  margin-right: 5px;
}
.pending-comments__item {
  /* pending comments item add */
}
.pending-comments__item-details {
  padding: 5px 10px;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: calc(100% - 130px);
  overflow: hidden;
}
.pending-comments__item {
  /* pending comments item details */
}
.pending-comments {
  /* pending comments item */
}
.pending-comments__title {
  font-size: 15px;
  color: #333;
  width: 100%;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: 0.3s all;
  font-weight: 600;
  margin-bottom: 10px;
}
.pending-comments {
  /* pending comments title */
} /* pending comments */
.register-comments {
  margin-bottom: 0;
  padding: 5px 0;
  display: flex;
  flex-wrap: wrap;
}
.register-comments__item {
  display: flex;
  width: 100%;
  position: relative;
  border-bottom: 1px dashed #cccccc;
  padding-bottom: 50px;
  margin-bottom: 20px;
}
@media screen and (max-width: 992px) {
  .register-comments__item {
    flex-flow: column;
  }
}
.register-comments__item-img {
  width: 75px;
  height: 75px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.register-comments__item {
  /* register comments item img */
}
.register-comments__item-title {
  font-size: 14px;
  color: #333;
  font-weight: bold;
  width: 100%;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: 0.3s all;
}
.register-comments__item-title:hover {
  color: #c7070a;
}
.register-comments__item {
  /* register comments item title */
}
.register-comments__item-add {
  background: transparent;
  border: 0;
  position: absolute;
  left: 0;
  bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1870ce !important;
  cursor: pointer;
  padding: 10px;
}
.register-comments__item-add .icon {
  margin-right: 5px;
}
.register-comments__item {
  /* register comments item add */
}
.register-comments__item-details {
  padding: 5px 10px;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: calc(100% - 130px);
  overflow: hidden;
}
@media screen and (max-width: 992px) {
  .register-comments__item-details {
    width: 100%;
  }
}
.register-comments__item {
  /* register comments item details */
}
.register-comments__item-status {
  position: absolute;
  left: 0;
  top: 0;
  padding: 5px 15px;
  font-size: 12px;
  border-radius: 30px;
}
.register-comments__item-status.success-status {
  background-color: rgb(240.075, 246.525, 240.375);
  color: #388e3c;
}
.register-comments__item-status.danger-status {
  background-color: rgb(254.22, 239.66, 239.66);
  color: #f31313;
}
.register-comments__item-status.warning-status {
  background-color: rgb(255, 248.84, 234.6);
  color: rgb(178.5, 124.6, 0);
}
.register-comments__item {
  /* register comments item status */
}
.register-comments__item-info {
  font-size: 13px;
  position: relative;
  color: #585858;
  line-height: 30px;
}
.register-comments__item {
  /* register comments item info */
}
.register-comments {
  /* register comments item */
}
.register-comments__title {
  font-size: 15px;
  color: #353535;
  width: 100%;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: 0.3s all;
  font-weight: 600;
}
.register-comments {
  /* register comments title*/
}
.register-comments__action {
  position: absolute;
  left: 0;
  bottom: 15px;
}
.register-comments {
  /* register comments action */
}
.register-comments__edit-action, .register-comments__remove-action {
  padding: 10px 15px;
  font-size: 12px;
  border-radius: 6px;
  margin-left: 5px;
  background: transparent;
  border: none;
  cursor: pointer !important;
  transition: all 300ms linear;
}
.register-comments {
  /* register comments edit action and remove action */
}
.register-comments__edit-action {
  background-color: rgb(254.22, 239.66, 239.66);
  color: #f31313;
}
.register-comments__edit-action:hover {
  background-color: #f31313;
  color: #fff;
}
.register-comments {
  /* register comments edit action */
}
.register-comments__remove-action {
  background-color: #f31313;
  color: #fff;
}
.register-comments__remove-action:hover {
  background-color: rgb(200.7903225806, 10.2096774194, 10.2096774194);
}
.register-comments {
  /* register comments remove action */
}
.register-comments__text {
  color: #6e6e6e;
  font-size: 14px;
  line-height: 28px;
  text-align: right;
  font-weight: 300;
  width: 100%;
}
.register-comments {
  /* register comments text */
}
.register-comments__info {
  position: relative;
  border-top: 1px solid #eee;
  width: 100%;
  margin-top: 10px;
  padding-top: 10px;
}
.register-comments {
  /* register comments info */
}
.register-comments__color-info {
  padding-right: 20px;
  position: relative;
}
.register-comments__color-info:before {
  content: "";
  font-size: 33px;
  background: var(--data-color);
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 100%;
}
.register-comments {
  /* register comments color info */
} /* register comments */
.profile-returned-details {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 992px) {
  .profile-returned-details {
    flex-flow: column;
    align-items: flex-start;
  }
}

.profile-returned-status {
  font-size: 12px;
  color: #388e3c;
}

.profile-returned-next-status {
  font-size: 12px;
  color: #777;
}

.upload-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.uploader {
  position: relative;
  flex-flow: column;
  text-align: center;
  width: 85px;
  cursor: pointer;
  height: 85px;
  border-radius: 8px;
  border: 1px dashed #c7070a;
  justify-content: center;
  display: inline-flex;
  margin-left: 3px;
}
.uploader .plus {
  font-size: 34px;
  font-weight: 100;
  cursor: pointer;
  pointer-events: none;
  color: #c7070a;
}
.uploader .uploader-text {
  position: relative;
  cursor: pointer;
  top: -10px;
  pointer-events: none;
  color: #c7070a;
}
.uploader input[type=file] {
  cursor: pointer;
  position: absolute;
  width: 85px !important;
  height: 85px !important;
  opacity: 0;
}

.uploaded-item {
  width: 85px;
  height: 85px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin-left: 3px;
  border-radius: 8px;
  box-shadow: 0 0 0 1px #e0e0e2;
}
.uploaded-item:hover .uploaded-remover {
  height: 35px;
}

.uploaded-remover {
  height: 0;
  overflow: hidden;
  width: 100%;
  background: rgba(0, 0, 0, 0.3137254902);
  bottom: 0;
  position: absolute;
  transition: 0.2s all;
  cursor: pointer;
}
.uploaded-remover .icon {
  color: #fff;
  pointer-events: none;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.uploaded-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.profile-list {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15px;
}
.profile-list li {
  width: 100%;
}
.profile-list {
  /* profile list li tag */
}
.profile-list__link {
  border: 1px solid rgb(221.85, 221.85, 221.85);
  display: flex;
  flex-direction: column;
  gap: 5px;
  border-radius: 10px;
  transition: all 300ms linear;
}
.profile-list__link:hover {
  border-color: #c7070a;
}
.profile-list__link:hover .profile-list__header, .profile-list__link:hover .profile-list__body {
  border-color: #c7070a;
}
.profile-list__link {
  /* link hover */
}
.profile-list {
  /* profile list link */
}
.profile-list__header, .profile-list__body {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid rgb(221.85, 221.85, 221.85);
  padding: 15px;
  gap: 15px 30px;
  flex-wrap: wrap;
  transition: all 300ms linear;
}
.profile-list {
  /* profile list header */
}
.profile-list__body {
  gap: 15px;
  border: none;
}
.profile-list {
  /* profile list body */
}
.profile-list__info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 3px;
  font-size: 14.5px;
  font-weight: 500;
  color: #333;
}
.profile-list__info .text {
  font-size: 12px;
  font-weight: 400;
  color: rgb(121.6, 121.6, 121.6);
  flex: 0 0 auto;
  width: auto;
}
.profile-list__info {
  /* info text */
}
.profile-list__info .title.price {
  font-weight: 800;
  color: #333;
}
.profile-list__info .title.price:after {
  content: "تومان";
  font-size: 10px;
  font-weight: 400;
  color: #6e6e6e;
  margin-right: 3px;
}
.profile-list__info .title.price {
  /* title price after */
}
.profile-list__info {
  /* info title price */
}
.profile-list {
  /* profile list info */
}
.profile-list__badge {
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 10px;
}
.profile-list__badge.success {
  background-color: rgb(232.4090909091, 246.0909090909, 233.0454545455);
  color: #388e3c;
}
.profile-list__badge {
  /* badge success */
}
.profile-list__badge.failed {
  background-color: white;
  color: #f31313;
}
.profile-list__badge {
  /* badge failed */
}
.profile-list__badge.pending {
  background-color: rgb(255, 245.76, 224.4);
  color: rgb(204, 142.4, 0);
}
.profile-list__badge {
  /* badge pending */
}
.profile-list {
  /* profile list badge */
}
.profile-list__text {
  font-size: 14px;
  color: #6e6e6e;
  text-align: justify;
  font-weight: 300;
  line-height: 27px;
}
.profile-list {
  /* profile list text */
}
.profile-list__button {
  padding: 10px 15px;
  margin-right: auto;
}
.profile-list {
  /* profile list button */
} /* profile list */
.profile-not-found {
  width: 250px;
  margin: 20px auto 0 auto;
  display: block;
}
.profile-not-found-text {
  font-size: 18px;
  text-align: center;
  color: #8d9aa8;
}
.profile-not-found {
  /* profile not found text */
} /* profile not found */
.info-list__item {
  width: 100%;
}

button span {
  font-size: 15px;
}

/*# sourceMappingURL=profile.css.map */