:root {
  --ds-icon-check-ol: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="%23004280" d="m423.23-394.15-92.92-92.93q-8.31-8.3-20.89-8.5-12.57-.19-21.27 8.5-8.69 8.7-8.69 21.08 0 12.38 8.69 21.08l109.77 109.77q10.85 10.84 25.31 10.84 14.46 0 25.31-10.84l222.54-222.54q8.3-8.31 8.5-20.89.19-12.57-8.5-21.27-8.7-8.69-21.08-8.69-12.38 0-21.08 8.69l-205.69 205.7ZM480.07-100q-78.84 0-148.21-29.92t-120.68-81.21q-51.31-51.29-81.25-120.63Q100-401.1 100-479.93q0-78.84 29.92-148.21t81.21-120.68q51.29-51.31 120.63-81.25Q401.1-860 479.93-860q78.84 0 148.21 29.92t120.68 81.21q51.31 51.29 81.25 120.63Q860-558.9 860-480.07q0 78.84-29.92 148.21t-81.21 120.68q-51.29 51.31-120.63 81.25Q558.9-100 480.07-100Zm-.07-60q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>');
  --ds-icon-error: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="%23004280" d="M480-290.77q13.73 0 23.02-9.29t9.29-23.02q0-13.73-9.29-23.02-9.29-9.28-23.02-9.28t-23.02 9.28q-9.29 9.29-9.29 23.02t9.29 23.02q9.29 9.29 23.02 9.29Zm.01-146.15q12.76 0 21.37-8.63 8.62-8.62 8.62-21.37v-180q0-12.75-8.63-21.38-8.63-8.62-21.38-8.62-12.76 0-21.37 8.62-8.62 8.63-8.62 21.38v180q0 12.75 8.63 21.37 8.63 8.63 21.38 8.63Zm.06 336.92q-78.84 0-148.21-29.92t-120.68-81.21q-51.31-51.29-81.25-120.63Q100-401.1 100-479.93q0-78.84 29.92-148.21t81.21-120.68q51.29-51.31 120.63-81.25Q401.1-860 479.93-860q78.84 0 148.21 29.92t120.68 81.21q51.31 51.29 81.25 120.63Q860-558.9 860-480.07q0 78.84-29.92 148.21t-81.21 120.68q-51.29 51.31-120.63 81.25Q558.9-100 480.07-100Zm-.07-60q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>');
}

.account-section {
  padding: 0 40px;
  max-width: 1600px;
  margin: 0 auto;
  display: flex;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.order-details .account-section {
    flex-wrap: wrap;
    font-size: 0;
    justify-content: flex-end;
  }
}
.account-section .account-left {
  width: 12%;
  margin-right: 88px;
  border-right: 1px solid #F1F1F1;
  max-width: 152px;
}
@media screen and (min-width: 767px) {
  .account-section .account-left {
    padding: 72px 0 120px 0;
    min-width: 150px;
  }
}
.account-section .account-left .list-item {
  padding: 15px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.16px;
}
.account-section .account-left .list-item a {
  color: inherit;
  text-decoration: none;
}
.account-section .account-left .list-item.active:not(.epoint-left) {
  border-right: 3px solid #F39800;
  color: #F39800;
}
.account-section .account-left .list-item.epoint-left .epoints-container {
  display: none;
  text-align: right;
  margin-top: 15px;
}
.account-section .account-left .list-item.epoint-left .epoints-container a {
  text-align: right;
  font-family: Heebo;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  display: block;
  padding: 13px 15px 13px 0;
  white-space: normal;
}
.account-section .account-left .list-item.epoint-left .epoints-container a.active {
  color: #E57B03;
  border-right: 3px solid #F39800;
}
.account-section .account-left .list-item.epoint-left.active {
  padding-bottom: 0;
  padding-right: 0;
}
.account-section .account-left .list-item.epoint-left.active .epoints-container {
  display: block;
}
@media screen and (max-width: 767px) {
  .account-section .account-left .list-item.epoint-left.active .epoints-container a:first-child {
    text-align: left;
    text-indent: 25px;
  }
  .account-section .account-left .list-item.epoint-left.active .epoints-container a:last-child {
    text-align: left;
    text-indent: 50px;
  }
}
.account-section .account-right {
  width: 100%;
}
.account-section .account-right .address {
  position: relative;
}
.account-section .account-right .address.loading-section {
  min-height: 200px;
}
.account-section .account-right .address.loading-section:before {
  margin-left: 0;
  margin-top: 0;
}
@media screen and (min-width: 767px) {
  .account-section .account-right {
    padding: 72px 0 120px 0;
  }
}
.account-section .account-right h1 {
  margin-bottom: 38px;
}
@media screen and (max-width: 767px) {
  .account-section .account-right h1 {
    margin-bottom: 32px;
  }
}
.account-section .account-right .h4 {
  margin-bottom: 22px;
}
.account-section .account-right .profile-info {
  border-radius: 2px;
  background: #F6F7F9;
  padding: 36px 56px;
}
.account-section .account-right .profile-info .line2 {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .account-section .account-right .profile-info .line2 {
    padding-top: 12px;
  }
}
.account-section .account-right .profile-info .line2 > div {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.account-section .account-right .profile-info .line2 > div span:first-child {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.16px;
}
.account-section .account-right .profile-info .line2 > div span:last-child {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  color: #737B7D;
  word-break: break-all;
}
.account-section .account-right .address-book-list {
  display: flex;
  justify-content: space-between;
  gap: 24px 32px;
  flex-wrap: wrap;
}
.account-section .account-right .address-book-list .empty-address-list {
  margin: 0 auto;
  text-align: center;
  margin-top: 24px;
}
.account-section .account-right .address-book-list .empty-address-list img {
  width: 240px;
  height: 240px;
  margin-bottom: 24px;
}
.account-section .account-right .address-book-list .empty-address-list .addNewAddress {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  color: #006EFF;
}
.account-section .account-right .address-book-list .name {
  border-bottom: none;
}
.account-section .account-right .address-book-list .name .defult-tag {
  padding: 4px 8px;
  border-radius: 2px;
  border: 1px solid #B6BFC1;
  margin-left: 16px;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  text-transform: uppercase;
  color: #B6BFC1;
}
.account-section .account-right .address-book-list .profile-info {
  padding: 24px;
  width: calc(50% - 16px);
}
@media screen and (max-width: 991px) {
  .account-section .account-right .address-book-list .profile-info {
    width: 100%;
  }
}
.account-section .account-right .address-book-list .profile-info .edit-delete {
  display: flex;
  gap: 24px;
}
.account-section .account-right .address-book-list .profile-info .edite {
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M5 19H6.425L16.2 9.225L14.775 7.8L5 17.575V19ZM3 21V16.75L16.2 3.575C16.4 3.39167 16.6208 3.25 16.8625 3.15C17.1042 3.05 17.3583 3 17.625 3C17.8917 3 18.15 3.05 18.4 3.15C18.65 3.25 18.8667 3.4 19.05 3.6L20.425 5C20.625 5.18333 20.7708 5.4 20.8625 5.65C20.9542 5.9 21 6.15 21 6.4C21 6.66667 20.9542 6.92083 20.8625 7.1625C20.7708 7.40417 20.625 7.625 20.425 7.825L7.25 21H3ZM15.475 8.525L14.775 7.8L16.2 9.225L15.475 8.525Z" fill="%23004280"/></svg>');
}
.account-section .account-right .address-book-list .profile-info .delete {
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M6.525 21C6.1125 21 5.75937 20.8531 5.46563 20.5594C5.17188 20.2656 5.025 19.9125 5.025 19.5V5.25H4.75C4.5375 5.25 4.35938 5.17771 4.21563 5.03313C4.07187 4.88853 4 4.70936 4 4.49563C4 4.28188 4.07187 4.10417 4.21563 3.9625C4.35938 3.82083 4.5375 3.75 4.75 3.75H8.7C8.7 3.53333 8.77187 3.35417 8.91563 3.2125C9.05938 3.07083 9.2375 3 9.45 3H14.55C14.7625 3 14.9406 3.07187 15.0844 3.21563C15.2281 3.35938 15.3 3.5375 15.3 3.75H19.25C19.4625 3.75 19.6406 3.82229 19.7844 3.96687C19.9281 4.11147 20 4.29064 20 4.50437C20 4.71812 19.9281 4.89583 19.7844 5.0375C19.6406 5.17917 19.4625 5.25 19.25 5.25H18.975V19.5C18.975 19.9125 18.8281 20.2656 18.5344 20.5594C18.2406 20.8531 17.8875 21 17.475 21H6.525ZM17.475 5.25H6.525V19.5H17.475V5.25ZM9.92937 17.35C10.1431 17.35 10.3208 17.2781 10.4625 17.1344C10.6042 16.9906 10.675 16.8125 10.675 16.6V8.125C10.675 7.9125 10.6027 7.73438 10.4581 7.59063C10.3135 7.44688 10.1344 7.375 9.92063 7.375C9.70688 7.375 9.52917 7.44688 9.3875 7.59063C9.24583 7.73438 9.175 7.9125 9.175 8.125V16.6C9.175 16.8125 9.24729 16.9906 9.39187 17.1344C9.53647 17.2781 9.71564 17.35 9.92937 17.35ZM14.0794 17.35C14.2931 17.35 14.4708 17.2781 14.6125 17.1344C14.7542 16.9906 14.825 16.8125 14.825 16.6V8.125C14.825 7.9125 14.7527 7.73438 14.6081 7.59063C14.4635 7.44688 14.2844 7.375 14.0706 7.375C13.8569 7.375 13.6792 7.44688 13.5375 7.59063C13.3958 7.73438 13.325 7.9125 13.325 8.125V16.6C13.325 16.8125 13.3973 16.9906 13.5419 17.1344C13.6865 17.2781 13.8656 17.35 14.0794 17.35Z" fill="%23004280"/></svg>');
}
.account-section .account-right .address-book-list .profile-info .line1 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid #CCCCCC;
}
.account-section .account-right .address-book-list .profile-info .line2 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.account-section .account-right .address-book-list .profile-info .line2 > div {
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .account-section .account-right .address-book-list .profile-info .line2 > div:not(.isDefault) {
    flex-direction: column;
    align-items: flex-start;
  }
}
.account-section .account-right .address-book-list .profile-info .line2 > div span:first-child {
  min-width: 135px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.order-details .account-section .account-right {
    width: calc(100% - 155px) !important;
    margin: 0;
    padding-top: 32px !important;
    max-width: 82% !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.order-details .account-section .account-middle {
    width: calc(88% - 160px);
    min-width: 250px;
  }
  body.order-details .account-section .account-middle .price-details {
    width: 80%;
    max-width: 450px;
  }
}
.account-section .profile {
  margin-bottom: 36px;
}
.account-section .name {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  padding-bottom: 22px;
  border-bottom: 1px solid #CCCCCC;
}
.account-section .account-title-area {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 22px;
  align-items: center;
}
.account-section .account-title-area h4 {
  margin: 0;
}
.account-section .account-title-area span,
.account-section .account-title-area a.modify-profile {
  padding: 8px 16px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.16px;
  text-decoration: none;
  cursor: pointer;
}
.account-section .show-for-mobile {
  display: none;
}
.account-section .show-for-pc {
  display: block;
}

@media screen and (max-width: 767px) {
  .account-left {
    display: none;
  }
  .account-section {
    flex-direction: column;
    padding: 0 20px;
    margin: 24px 0;
    overflow: hidden;
  }
  .account-section .show-for-pc {
    display: none;
  }
  .account-section .show-for-mobile {
    display: flex;
    width: 90vw;
    padding: 8px 20px;
    border-radius: 2px;
    background: #E8ECEF;
    margin-left: -20px;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
  }
  .account-section .show-for-mobile i {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="12" viewBox="0 0 18 12" fill="none"><path d="M0 12H13V10H0V12ZM0 7H10V5H0V7ZM0 0V2H13V0H0ZM18 9.59L14.42 6L18 2.41L16.59 1L11.59 6L16.59 11L18 9.59Z" fill="%23434447"/></svg>');
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
  .account-section .account-left {
    height: 100vh;
    width: 80vw;
    position: absolute;
    top: 0;
    background: #fff;
    z-index: 3;
    left: 0;
    padding: 100px 10px;
    padding-right: 0;
    max-width: none;
  }
  .account-section .account-left .left-list {
    width: 100%;
  }
  .account-section .account-left.active {
    display: flex;
    box-sizing: content-box;
  }
  .account-right h1 {
    font-size: 36px;
    margin-bottom: 32px;
  }
  .account-right .account-title-area h4 {
    font-size: 20px;
  }
  .account-right .profile-info {
    padding: 24px !important;
  }
  .account-right .profile-info .line2 {
    flex-direction: column;
    gap: 16px;
  }
  #shipping-info-modal {
    transform: none !important;
    left: 0 !important;
    bottom: 0 !important;
    top: auto !important;
  }
}
.modal_account_background {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  z-index: 10;
  top: 0;
  left: 0;
}
.modal_account_background.active {
  display: block !important;
}

body.fixed {
  max-height: 100%;
  overflow: hidden;
}

.addNewAddress.show-for-mobile {
  border-radius: 2px;
  border: 1px solid #E57B03;
  padding: 12px 16px;
  color: #E57B03;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.16px;
  margin: 16px auto 40px auto;
  width: max-content;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .addNewAddress.show-for-mobile {
    width: 100%;
    justify-content: center;
  }
}

#shipping-info-modal {
  display: none;
  position: fixed;
  z-index: 11;
  background: #fff;
  max-width: 720px;
  max-height: 90vh;
  width: 100%;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 0;
}
body.modal-show #shipping-info-modal {
  display: block;
  position: fixed;
}
#shipping-info-modal h3 {
  color: var(--ds-achromatic-color-black-ds-title-subtitle, #000);
  font-family: Heebo;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.72px;
  padding-bottom: 16px;
  justify-content: space-between;
  display: flex;
  border-bottom: 1px solid #e8ecef;
  padding: 12px 24px;
  margin: auto;
}
#shipping-info-modal #shipping-form {
  margin-top: 0;
  max-height: calc(90vh - 122px);
  overflow: auto;
  padding: 24px;
  scrollbar-width: thin;
}
#shipping-info-modal .button-are {
  border-top: 1px solid #CFD2D5;
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 16px;
  padding: 12px 24px;
  box-sizing: border-box;
}
#shipping-info-modal .button-are span.cancel-modal {
  display: flex;
  height: 40px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 2px;
  border: 1px solid var(--Brand-IoTMart-Highlight, #E57B03);
  color: var(--Brand-IoTMart-Highlight, #E57B03);
  text-align: center;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.16px;
  box-sizing: border-box;
  width: 100%;
  cursor: pointer;
}
#shipping-info-modal .button-are span.add-new-shipping, #shipping-info-modal .button-are span.edite-shipping {
  display: none;
  height: 40px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 2px;
  background: var(--Brand-IoTMart-Brand-color_primary, #F39800);
  color: var(--Gray-scale-00_White_BG, #FFF);
  text-align: center;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.16px;
  box-sizing: border-box;
  width: 100%;
  cursor: pointer;
}
body.edit-shipping #shipping-info-modal .button-are span.edite-shipping {
  display: flex;
}
body.fixed #shipping-info-modal .button-are span.add-new-shipping {
  display: flex;
}
#shipping-info-modal .line-two-mobile select {
  width: 90%;
}

body.modal-show {
  overflow: hidden;
}

@keyframes input-error-shake {
  0% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-4px);
  }
  40% {
    transform: translateX(4px);
  }
  60% {
    transform: translateX(-4px);
  }
  80% {
    transform: translateX(4px);
  }
  100% {
    transform: translateX(0);
  }
}
.element-wrapper label {
  color: var(--gray-scale-80-content-text-1st, #434447);
  font-family: Heebo;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  display: block;
  margin-bottom: 4px;
  white-space: nowrap;
}
.element-wrapper input:not([type=checkbox]) {
  border-radius: var(--Roundness-Round-Inside, 2px);
  border: 1px solid var(--Gray-scale-50_Divider, #CFD2D5);
  background: var(--Gray-scale-00_White_BG, #FFF);
  display: flex;
  height: 40px;
  padding: 8px var(--Main-System-12px, 12px);
  align-items: center;
  gap: 8px;
  align-self: stretch;
  width: 100%;
}
.element-wrapper input:not([type=checkbox]).error {
  border-color: #B52F2F;
  background: #FFF;
  animation: input-error-shake 0.25s ease-in-out;
}
.element-wrapper input:not([type=checkbox]).error:focus {
  outline: none;
}
.element-wrapper input:not([type=checkbox]).error:focus-visible {
  outline: 1px solid #B52F2F;
  box-shadow: 0 0 0 3px rgba(219, 58, 58, 0.2);
}
.element-wrapper .vat-input-wrapper {
  position: relative;
}
.element-wrapper .vat-input-wrapper .taxNoInput {
  text-transform: uppercase;
}
.element-wrapper .vat-input-wrapper .taxNoInput:disabled, .element-wrapper .vat-input-wrapper .taxNoInput[readonly] {
  background-color: #F6F7F9;
  cursor: not-allowed;
  color: #737B7D;
}
.element-wrapper .vat-input-wrapper .taxNoInput.vat-validated {
  padding-right: 30px;
}
.element-wrapper .vat-input-wrapper .taxNoInput.error ~ #vat-validate-btn::before,
.element-wrapper .vat-input-wrapper .taxNoInput.error ~ .vat-validate-btn::before {
  content: "";
  position: absolute;
  left: -32px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  mask-image: var(--ds-icon-error);
  -webkit-mask-image: var(--ds-icon-error);
  background-color: #B52F2F;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
}
.element-wrapper .vat-input-wrapper #vat-validate-btn, .element-wrapper .vat-input-wrapper .vat-validate-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  transform: none;
  margin: auto;
  background: #004280;
  border-radius: 0px 2px 2px 0px;
  border: none;
  min-width: 100px;
}
.element-wrapper .vat-input-wrapper #vat-validate-btn:hover, .element-wrapper .vat-input-wrapper .vat-validate-btn:hover {
  background: #003160;
}
.element-wrapper .vat-input-wrapper #vat-validate-btn:active, .element-wrapper .vat-input-wrapper .vat-validate-btn:active {
  background: #003160;
}
.element-wrapper .vat-input-wrapper #vat-validate-btn:disabled, .element-wrapper .vat-input-wrapper .vat-validate-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.element-wrapper .vat-input-wrapper #vat-validate-btn.vat-validated-icon::before, .element-wrapper .vat-input-wrapper .vat-validate-btn.vat-validated-icon::before {
  content: "";
  position: absolute;
  left: -32px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  mask-image: var(--ds-icon-check-ol);
  -webkit-mask-image: var(--ds-icon-check-ol);
  background-color: #00893a;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
}
.element-wrapper .vat-input-wrapper .vat-edit-btn {
  background: #737B7D;
}
.element-wrapper .vat-input-wrapper .vat-edit-btn:hover {
  background: #5A6265;
}
.element-wrapper .vat-input-wrapper .vat-edit-btn:active {
  background: #5A6265;
}

.line-one select {
  width: 100%;
  display: flex;
  height: 40px;
  padding: 8px var(--Main-System-12px, 12px);
  align-items: center;
  gap: 8px;
  border-radius: var(--Roundness-Round-Inside, 2px);
  border: 1px solid var(--Gray-scale-50_Divider, #CFD2D5);
  background: var(--Gray-scale-00_White_BG, #FFF);
}
.line-one p {
  color: var(--Gray-scale-60_Tag, #B6BFC1);
  font-family: Heebo;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  margin-top: 4px;
  margin-bottom: 0;
}
.line-one p a {
  text-decoration: none;
}

.line-two {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.line-two .element-wrapper {
  width: 49%;
}

#shipping-form {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 16px;
}
#shipping-form select.error {
  outline: 1px solid #B52F2F;
  border-radius: 2px;
  animation: input-error-shake 0.25s ease-in-out;
}
#shipping-form select:focus {
  outline: none;
}
#shipping-form select:not(.error):focus-visible {
  outline: 1px solid #006EFF;
  border-radius: 2px;
  box-shadow: 0 0 0 3px #DFEBF7;
}
#shipping-form select.error:focus-visible {
  outline: 1px solid #B52F2F;
  border-radius: 2px;
  box-shadow: 0 0 0 3px rgba(219, 58, 58, 0.2);
}
#shipping-form input:not([type=checkbox]).error {
  outline: 1px solid #B52F2F;
  border-radius: 2px;
}
#shipping-form input:not([type=checkbox]):focus {
  outline: none;
}
#shipping-form input:not([type=checkbox]):not(.error):focus-visible {
  outline: 1px solid #006EFF;
  border-radius: 2px;
  box-shadow: 0 0 0 3px #DFEBF7;
}
#shipping-form input:not([type=checkbox]).error:focus-visible {
  outline: 1px solid #B52F2F;
  border-radius: 2px;
  box-shadow: 0 0 0 3px rgba(219, 58, 58, 0.2);
}
#shipping-form button {
  border: none;
  display: flex;
  width: 240px;
  height: 40px;
  padding: var(--Main-System-12px, 12px) 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 2px;
  background: var(--Brand-IoTMart-Brand-color_primary, #F39800);
  color: var(--Gray-scale-00_White_BG, #FFF);
  text-align: center;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.16px;
  margin-left: 50%;
  transform: translateX(-50%);
}

.line-two-mobile {
  display: flex;
  justify-content: space-between;
}
.line-two-mobile .element-wrapper.prefix {
  width: 15%;
  min-width: 130px;
}
.line-two-mobile select {
  width: 100%;
  display: flex;
  height: 40px;
  padding: 8px var(--Main-System-12px, 12px);
  align-items: center;
  gap: 8px;
  border-radius: var(--Roundness-Round-Inside, 2px);
  border: 1px solid var(--Gray-scale-50_Divider, #CFD2D5);
  background: var(--Gray-scale-00_White_BG, #FFF);
}
.line-two-mobile .element-wrapper.last {
  width: 83%;
  display: flex;
  flex-direction: column;
  justify-content: start;
  padding-top: 20px;
  max-width: 544px;
}

.hide {
  display: none !important;
}

label i {
  color: #DB3A3A;
  font-family: Heebo;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  margin-right: 4px;
}

.order-titles {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.order-titles .order-list-pages {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 767px) {
  .order-titles .order-list-pages {
    flex-direction: column;
    align-items: flex-start;
  }
  .order-titles .order-list-pages .seperate-line {
    display: none;
  }
}
.order-titles .order-list-pages select {
  border-radius: 2px;
  border: 1px solid #CFD2D5;
  width: 65px;
  text-align: center;
  background-position: right 2px top 50% !important;
  margin: 0 5px;
}
.order-titles .order-filter span {
  border-radius: 2px;
  border: 1px solid #E57B03;
  padding: 8px 16px;
  color: #E57B03;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.16px;
  text-decoration: none;
  cursor: pointer;
}

section.order-list {
  margin-bottom: 12px;
}
section.order-list .list-label {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.16px;
  display: flex;
  border-bottom: 1px solid #CFD2D5;
}
@media screen and (max-width: 767px) {
  section.order-list .list-label {
    display: none;
  }
}
section.order-list .list-label span {
  width: 25%;
  padding: 16px 0;
}
section.order-list .list-container .list-line {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  display: flex;
  color: #434447;
  width: 100%;
}
@media screen and (max-width: 767px) {
  section.order-list .list-container .list-line {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #CFD2D5;
    padding-bottom: 24px;
    margin-bottom: 8px;
  }
}
section.order-list .list-container .list-line > div {
  width: 25%;
  padding: 16px 0;
  border-bottom: 1px solid #CFD2D5;
}
@media screen and (max-width: 767px) {
  section.order-list .list-container .list-line > div {
    width: 100% !important;
    display: flex;
    justify-content: space-between;
    border: none;
    padding-top: 16px;
    padding-bottom: 0;
  }
}
section.order-list .list-container .list-line > div.text-wrapper .orderListStatus {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  section.order-list .list-container .list-line > div.text-wrapper .orderListStatus {
    max-width: 50%;
    text-align: right;
  }
}
section.order-list .list-container .list-line > div.text-wrapper .orderListStatus span {
  display: block;
}
section.order-list .list-container .list-line > div.text-wrapper .orderListStatus .check-return {
  background: none;
  border: none;
  padding: 0;
  text-align: left;
  color: #006EFF;
  margin-top: 8px;
}
section.order-list .list-container .list-line > div span:first-child {
  display: none;
}
@media screen and (max-width: 767px) {
  section.order-list .list-container .list-line > div span:first-child {
    display: block;
    font-weight: 500;
  }
}
section.order-list .list-container .list-line > div a {
  color: #006EFF;
  text-decoration: none;
}

#modal.order-filter-modal {
  padding: 0;
}
@media screen and (max-width: 767px) {
  #modal.order-filter-modal:not(.address) {
    transform: none !important;
    left: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    max-width: 100%;
  }
}
#modal.order-filter-modal .order-filter-title {
  margin: 16px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#modal.order-filter-modal .order-filter-title span:first-child {
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.72px;
}
#modal.order-filter-modal .order-filter-title button {
  width: 32px;
  height: 32px;
  border: none;
  background-color: #fff;
  width: 32px;
  height: 32px;
  padding: 0;
  margin: 0;
  background: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_26185_14051)"><path d="M9.51116 22.2468C9.07924 21.8149 9.08929 21.0816 9.51116 20.6597L14.4029 15.7579L9.51116 10.8662C9.08929 10.4443 9.07924 9.71106 9.51116 9.27914C9.94308 8.84722 10.6763 8.85726 11.0982 9.26909L16 14.1709L20.8917 9.27914C21.3136 8.85726 22.0469 8.84722 22.4788 9.27914C22.9107 9.71106 22.9007 10.4443 22.4788 10.8662L17.5871 15.7579L22.4788 20.6597C22.9007 21.0816 22.9107 21.8149 22.4788 22.2468C22.0469 22.6787 21.3136 22.6686 20.8917 22.2468L16 17.355L11.0982 22.2468C10.6763 22.6686 9.94308 22.6787 9.51116 22.2468Z" fill="%23434447"/></g><defs><clipPath id="clip0_26185_14051"><rect width="32" height="32" fill="white"/></clipPath></defs></svg>');
}
#modal.order-filter-modal .filter-content {
  margin: 0 24px;
  border-top: 1px solid #CFD2D5;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 16px;
}
#modal.order-filter-modal .filter-content .order-number {
  display: flex;
  flex-direction: column;
}
#modal.order-filter-modal .filter-content .order-number label {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  margin-bottom: 4px;
}
#modal.order-filter-modal .filter-content .order-number input {
  border-radius: 2px;
  border: 1px solid #CFD2D5;
  background: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  padding: 8px 12px;
}
#modal.order-filter-modal .filter-time {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  #modal.order-filter-modal .filter-time {
    flex-direction: column;
    gap: 12px;
  }
}
#modal.order-filter-modal .filter-time .time-start,
#modal.order-filter-modal .filter-time .time-end {
  display: flex;
  flex-direction: column;
  width: 48%;
}
@media screen and (max-width: 767px) {
  #modal.order-filter-modal .filter-time .time-start,
  #modal.order-filter-modal .filter-time .time-end {
    width: 100%;
  }
}
#modal.order-filter-modal .filter-time .time-start label,
#modal.order-filter-modal .filter-time .time-end label {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  margin-bottom: 4px;
}
#modal.order-filter-modal .filter-time .time-start input,
#modal.order-filter-modal .filter-time .time-end input {
  border-radius: 2px;
  border: 1px solid #CFD2D5;
  background: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  padding: 8px 12px;
  position: relative;
}
#modal.order-filter-modal .filter-time .time-start input::-moz-clear,
#modal.order-filter-modal .filter-time .time-end input::-moz-clear {
  display: none;
}
#modal.order-filter-modal .filter-time .time-start input::-webkit-calendar-picker-indicator,
#modal.order-filter-modal .filter-time .time-end input::-webkit-calendar-picker-indicator {
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="0 0 18 20" fill="none"><path d="M2 20C1.45 20 0.979167 19.8042 0.5875 19.4125C0.195833 19.0208 0 18.55 0 18V4C0 3.45 0.195833 2.97917 0.5875 2.5875C0.979167 2.19583 1.45 2 2 2H3V0H5V2H13V0H15V2H16C16.55 2 17.0208 2.19583 17.4125 2.5875C17.8042 2.97917 18 3.45 18 4V18C18 18.55 17.8042 19.0208 17.4125 19.4125C17.0208 19.8042 16.55 20 16 20H2ZM2 18H16V8H2V18ZM2 6H16V4H2V6Z" fill="%23434447"/></svg>');
  background-repeat: no-repeat;
  background-position-x: 10px;
  background-position-y: 10px;
}
#modal.order-filter-modal .filter-time .time-start input + p.error-message,
#modal.order-filter-modal .filter-time .time-end input + p.error-message {
  display: none;
  color: #DB3A3A;
  font-family: Heebo;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
#modal.order-filter-modal .filter-time .time-start input.error,
#modal.order-filter-modal .filter-time .time-end input.error {
  border-radius: 2px;
  border: 1px solid #B52F2F;
}
#modal.order-filter-modal .filter-time .time-start input.error + p.error-message,
#modal.order-filter-modal .filter-time .time-end input.error + p.error-message {
  display: block;
  margin: 4px 0 0 0;
}
#modal.order-filter-modal .order-status label {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  margin-bottom: 8px;
}
#modal.order-filter-modal .order-status .filter-status-line {
  padding: 8px;
  display: flex;
  align-items: center;
  gap: 4px;
}
#modal.order-filter-modal .order-status .filter-status-line label {
  margin-left: 4px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.42px;
  margin-bottom: 0;
}
#modal.order-filter-modal .filter-confirm-button {
  margin-top: 16px;
  padding: 16px 24px;
  border-top: 1px solid #CFD2D5;
  display: flex;
  justify-content: flex-end;
  gap: 16px;
}
#modal.order-filter-modal .filter-confirm-button .clear-filter {
  border-radius: 2px;
  border: 1px solid #E57B03;
  padding: 12px 16px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.16px;
  color: #E57B03;
}
#modal.order-filter-modal .filter-confirm-button .apply-filter {
  border-radius: 2px;
  color: #fff;
  padding: 12px 16px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.16px;
  background: #E57B03;
}

label.error {
  color: #DB3A3A;
  font-family: Heebo;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  margin-top: 4px;
  white-space: normal;
}
label.error a {
  color: #DB3A3A;
  text-decoration: underline;
}
label.error a:hover {
  color: #B52F2F;
  text-decoration: underline;
}

input.error,
select.error {
  border-radius: 2px;
  border: 1px solid #B52F2F;
  background: #FFF;
}

.order-filter-modal.address {
  padding: 16px 24px !important;
}

.steps {
  margin: 12px 20px 32px 20px;
}

.steps {
  display: flex;
  max-width: 800px;
  align-items: center;
  gap: 8px;
  margin: 0 auto;
  margin-bottom: 56px;
}
.steps .steps-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.steps .steps-item div {
  width: 32px;
  height: 32px;
  border: 2px solid #B6BFC1;
  line-height: 32px;
  text-align: center;
  border-radius: 50%;
  color: #737B7D;
  font-family: Heebo;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}
.steps .steps-item span {
  color: #737B7D;
  text-align: center;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  white-space: nowrap;
  position: absolute;
  bottom: -32px;
}
@media screen and (max-width: 767px) {
  .steps .steps-item span {
    bottom: auto;
    left: 56px;
  }
}
.steps .steps-item.active div {
  color: rgba(0, 0, 0, 0);
  content: "";
  background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_32340_139584)"><circle cx="16" cy="16" r="15" fill="%23E57B03" stroke="%23E57B03" stroke-width="2"/></g><path d="M12.5782 19.642L22.2202 10L23.5005 11.2802L12.5782 22.2025L7.5 17.1257L8.78025 15.8455L12.5782 19.642Z" fill="white"/><defs><clipPath id="clip0_32340_139584"><rect width="32" height="32" fill="white"/></clipPath></defs></svg>');
  width: 32px;
  height: 32px;
  border: none;
  background-size: contain;
  background-position: center;
}
.steps .steps-item.active span {
  color: #E57B03;
}
@media screen and (max-width: 767px) {
  .steps .steps-item.active span {
    bottom: auto;
    left: 56px;
  }
}
.steps .steps-item.active i {
  white-space: nowrap;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.36px;
  color: #333;
  position: absolute;
  bottom: -52px;
}
@media screen and (max-width: 767px) {
  .steps .steps-item.active i {
    bottom: auto;
    left: 56px;
    top: 28px;
    color: #434447;
  }
}
.steps .line {
  height: 2px;
  width: 100%;
  background: #B6BFC1;
}
@media screen and (max-width: 767px) {
  .steps .line {
    height: 32px;
    width: 2px;
    margin-left: 14px;
  }
}

.account-right.details-order {
  max-width: 325px;
  margin-left: 24px;
}
@media screen and (max-width: 767px) {
  .account-right.details-order {
    margin: 0;
    width: 100%;
    max-width: 100%;
    margin-top: 32px;
    margin-bottom: 40px;
    padding: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.order-details .account-right.details-order {
    padding-bottom: 0 !important;
  }
}
.account-right.details-order .order-shipping {
  position: sticky;
  top: 88px;
  border-radius: 2px;
  background: #F6F7FA;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.account-right.details-order .order-shipping h3 {
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.72px;
  margin-bottom: 8px;
}
.account-right.details-order .order-shipping > div {
  display: flex;
}
.account-right.details-order .order-shipping > div span:first-child {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.16px;
  width: 50%;
  display: inline-block;
  line-height: 1;
}
.account-right.details-order .order-shipping > div span:last-child {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.48px;
  color: #737B7D;
  line-height: 20px;
  width: 50%;
  word-wrap: break-word;
}
.account-right.details-order .order-shipping > div.download-invoice {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.16px;
  color: #006EFF;
}
.account-right.details-order .order-shipping > div.download-invoice i {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 16L7 11L8.4 9.55L11 12.15V4H13V12.15L15.6 9.55L17 11L12 16ZM6 20C5.45 20 4.97917 19.8042 4.5875 19.4125C4.19583 19.0208 4 18.55 4 18V15H6V18H18V15H20V18C20 18.55 19.8042 19.0208 19.4125 19.4125C19.0208 19.8042 18.55 20 18 20H6Z" fill="%23006EFF"/></svg>');
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin-right: 4px;
}

.account-middle {
  width: 100%;
  margin-top: 24px;
}
@media screen and (max-width: 767px) {
  .account-middle {
    margin-top: 0;
  }
}
.account-middle .back-to-orderlist {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.42px;
  color: #737B7D;
  margin-bottom: 32px;
  display: inline-block;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .account-middle .back-to-orderlist {
    margin-bottom: 20px;
  }
}
.account-middle .order-shipping-section h4 {
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .account-middle .order-shipping-section h4 {
    margin-bottom: 16px;
  }
}
.account-middle .order-shipping-section h4 a:not(:empty) {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  margin-left: 24px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .account-middle .order-shipping-section h4 a:not(:empty) {
    margin-left: 0;
    margin-top: 12px;
    display: flex;
  }
}
.account-middle .order-shipping-section h4 a:not(:empty) i {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M19.1211 11.5536C19.1211 11.7796 19.0232 11.998 18.8499 12.1638L13.8778 17.1283C13.697 17.3016 13.5011 17.3845 13.2902 17.3845C12.8231 17.3845 12.4841 17.0455 12.4841 16.5935C12.4841 16.3599 12.5745 16.1565 12.7252 16.0134L14.4127 14.3033L16.635 12.2693L14.8797 12.3747L5.71903 12.3747C5.22182 12.3747 4.88281 12.0357 4.88281 11.5536C4.88281 11.0639 5.22182 10.7324 5.71903 10.7324L14.8797 10.7324L16.6275 10.8379L14.4127 8.80385L12.7252 7.09375C12.5745 6.94308 12.4841 6.73968 12.4841 6.50614C12.4841 6.05413 12.8231 5.72266 13.2902 5.72266C13.5011 5.72266 13.7045 5.79799 13.8929 5.98633L18.8499 10.9434C19.0232 11.1016 19.1211 11.3276 19.1211 11.5536Z" fill="%23006EFF"/></svg>');
  width: 24px;
  height: 24px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
}
.account-middle .steps {
  max-width: 600px;
  margin: 40px 0;
  margin-bottom: 80px;
  margin-left: 56px;
}
@media screen and (max-width: 767px) {
  .account-middle .steps {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 32px;
    margin-top: 0;
    margin-left: 0;
  }
}
.account-middle .product-item {
  background: #fff;
  padding: 0 0 24px 0;
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
  border-bottom: 1px solid #CFD2D5;
}
.account-middle .product-item.gift-show .qty_subtotal_line .price_qty .price {
  display: none;
}
.account-middle .product-item.gift-show .qty_subtotal_line .price_qty .qty {
  margin: 0;
}
.account-middle .product-item.gift-show .qty_subtotal_line .subtotal .text,
.account-middle .product-item.gift-show .qty_subtotal_line .subtotal .value {
  display: none;
}
@media screen and (max-width: 767px) {
  .account-middle .product-item {
    flex-direction: column;
    padding: 20px;
    width: 100%;
    margin-left: 0;
  }
}
.account-middle .product-item .item_image {
  max-width: 164px;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .account-middle .product-item .item_image {
    max-width: 100%;
    aspect-ratio: 16/9;
  }
}
.account-middle .product-item .item_image img {
  max-height: 92px;
}
@media screen and (max-width: 767px) {
  .account-middle .product-item .item_image img {
    height: 100%;
    max-height: inherit;
  }
}
.account-middle .product-item .item_name {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.account-middle .product-item .item_name .name {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: none;
  padding-bottom: 0;
  justify-content: flex-start;
  gap: 8px;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .account-middle .product-item .item_name .name {
    flex-wrap: wrap;
    gap: 0;
    margin-bottom: 8px;
    column-gap: 8px;
  }
}
.account-middle .product-item .item_name .name a {
  font-family: Heebo;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  color: #434447;
  margin-bottom: 4px;
  text-decoration: none;
}
.account-middle .product-item .item_name .description {
  margin: 0;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  color: #434447;
  margin-bottom: 16px;
}
.account-middle .product-item .item_name .description a {
  margin: 0;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  color: #434447;
  margin-bottom: 16px;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .account-middle .product-item .item_name .description {
    max-width: 80%;
  }
}
.account-middle .product-item .item_name .error-ship-to {
  padding: 2px 8px;
  border-radius: 2px;
  background: #FFEFEE;
  color: #DB3A3A;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  width: max-content;
  display: none;
}
@media screen and (max-width: 767px) {
  .account-middle .product-item .item_name .error-ship-to {
    white-space: normal;
    max-width: -webkit-fill-available;
    padding: 8px 12px;
  }
}
.account-middle .product-item .item_name .price {
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  color: #434447;
}
.account-middle .product-item .item_name .qty_subtotal_line {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
@media screen and (max-width: 767px) {
  .account-middle .product-item .item_name .qty_subtotal_line {
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.order-details .account-middle .product-item .item_name .qty_subtotal_line .price_qty {
    width: 100%;
    justify-content: flex-start;
  }
  body.order-details .account-middle .product-item .item_name .qty_subtotal_line .price_qty .qty {
    margin: 0 auto !important;
  }
}
.account-middle .product-item .item_name .price_qty {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .account-middle .product-item .item_name .price_qty {
    flex-direction: column;
    width: 100%;
    align-items: end;
    gap: 16px;
  }
}
.account-middle .product-item .item_name .price_qty .qty {
  display: flex;
  align-items: center;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  margin-left: 100px;
}
@media screen and (max-width: 767px) {
  .account-middle .product-item .item_name .price_qty .qty {
    margin: 0;
    justify-content: space-between;
    width: 100%;
  }
}
.account-middle .product-item .item_name .price_qty .qty .qty_value {
  display: flex;
  padding: 4px;
  align-items: center;
  gap: 16px;
  text-align: center;
  border-radius: 1.778px;
  border: none;
  margin-left: 8px;
}
.account-middle .product-item .item_name .price_qty .qty .qty_value input {
  pointer-events: none;
  cursor: none;
}
.account-middle .product-item .item_name .price_qty .qty .qty_value span,
.account-middle .product-item .item_name .price_qty .qty .qty_value input {
  width: 24px;
  border: none;
  font-family: Heebo;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.14px;
  padding: 0;
  margin: 0;
  cursor: pointer;
  text-align: center;
}
.account-middle .product-item .subtotal {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .account-middle .product-item .subtotal {
    flex-direction: row;
    margin-top: 16px;
    justify-content: space-between;
    width: 100%;
    align-items: center;
  }
}
.account-middle .product-item .subtotal .text {
  align-self: end;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0.48px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 4px;
}
.account-middle .product-item .subtotal.kr-site .text {
  font-size: 12px;
  font-weight: 700;
  line-height: 125%;
  color: #CFD2D5;
}
.account-middle .product-item .subtotal .value {
  white-space: nowrap;
}
.account-middle .product-item .subtotal.kr-site .value {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.account-middle .product-item .subtotal .value .original_price {
  color: #CCC;
  text-align: right;
  font-family: Heebo;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  text-decoration-line: line-through;
  margin-right: 10px;
}
@media screen and (max-width: 767px) {
  .account-middle .product-item .subtotal .value .original_price {
    font-size: 18px;
  }
}
.account-middle .product-item .subtotal .value .final_price {
  font-family: Heebo;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  color: #E57B03;
}
@media screen and (max-width: 767px) {
  .account-middle .product-item .subtotal .value .final_price {
    line-height: normal;
    font-size: 18px;
  }
}
.account-middle .price-details {
  display: inline-block;
  width: 50%;
  float: right;
}
@media screen and (max-width: 767px) {
  .account-middle .price-details {
    width: 100%;
  }
}
.account-middle .price-details .price-from-area {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 16px;
}
.account-middle .price-details .price-from-area h4 {
  color: #434447;
  font-size: 16px;
  font-family: Heebo;
  font-weight: 700;
  letter-spacing: 0.54px;
  word-wrap: break-word;
  margin: 0;
}
.account-middle .price-details .price-from-area .details-promotion .info-line-promotion {
  display: flex;
  justify-content: space-between;
}
.account-middle .price-details .price-from-area .details-promotion .info-line-promotion span:first-child {
  color: #434447;
  font-size: 16px;
  font-family: Heebo;
  font-weight: 700;
  letter-spacing: 0.54px;
  word-wrap: break-word;
  margin: 0;
}
.account-middle .price-details .price-from-area .details-promotion .info-line-promotion span:last-child {
  color: #434447;
  font-size: 16px;
  font-family: Heebo;
  font-weight: 400;
  letter-spacing: 0.54px;
  word-wrap: break-word;
}
.account-middle .price-details .price-from-area .details-promotion .info-line {
  display: flex;
  justify-content: space-between;
  padding-left: 27px;
  color: #999999;
  font-size: 16px;
  font-family: Heebo;
  font-weight: 400;
  letter-spacing: 0.54px;
  word-wrap: break-word;
}
.account-middle .price-details .price-from-area .details {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-left: 27px;
  color: #434447;
  font-size: 16px;
  font-family: Heebo;
  font-weight: 400;
  letter-spacing: 0.54px;
  word-wrap: break-word;
}
.account-middle .price-details .price-from-area .details .info-line {
  display: flex;
  justify-content: space-between;
}
.account-middle .price-details .disccount-area {
  display: flex;
  flex-direction: column;
}
.account-middle .price-details .disccount-area .discount-name {
  display: flex;
  justify-content: space-between;
}
.account-middle .price-details .disccount-area .discount-name span {
  color: #434447;
  font-size: 16px;
  font-family: Heebo;
  font-weight: 700;
  letter-spacing: 0.54px;
  word-wrap: break-word;
}
.account-middle .price-details .disccount-area .discount-name span:last-child {
  font-weight: 400;
}
.account-middle .price-details .disccount-area .discount-code {
  padding-left: 27px;
  color: #999999;
  font-size: 16px;
  font-family: Heebo;
  font-weight: 400;
  letter-spacing: 0.54px;
  word-wrap: break-word;
  display: flex;
  justify-content: space-between;
  margin-top: 4px;
}
.account-middle .price-details .total-area {
  padding-top: 16px;
  margin-top: 16px;
  border-top: 1pt solid #CFD2D5;
  justify-content: space-between;
  display: flex;
}
.account-middle .price-details .total-area span:first-child {
  color: black;
  font-size: 24px;
  font-family: Heebo;
  font-weight: 700;
  word-wrap: break-word;
}
.account-middle .price-details .total-area span:last-child {
  color: #E57B03;
  font-size: 24px;
  font-family: Heebo;
  font-weight: 700;
  word-wrap: break-word;
  color: #E57B03;
}

@media screen and (max-width: 767px) {
  .no-order {
    margin-bottom: 56px;
  }
}

.no-order .payment-status-container,
.no-search-result .payment-status-container {
  text-align: center;
}
.no-order .payment-status-container p,
.no-search-result .payment-status-container p {
  color: #4D4D4D;
}

input[type=date]::-webkit-calendar-picker-indicator {
  color: #434447;
  opacity: 1;
  display: block;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  border-width: thin;
}

input[type=date]::-webkit-calendar-picker-indicator {
  position: absolute;
  left: 5%;
}

input::-webkit-datetime-edit-fields-wrapper {
  position: relative;
  left: 10%;
}

input::-webkit-datetime-edit {
  position: relative;
  left: 10%;
}

input::-webkit-datetime-edit {
  color: transparent;
  user-select: none;
}

.focused::-webkit-datetime-edit {
  color: #000;
  user-select: none;
}

.filter-time input:before {
  top: 3px;
  left: 3px;
  content: attr(data-date);
  display: inline-block;
  color: #434447;
  margin-left: 35px;
}

input::-webkit-datetime-edit, input::-webkit-inner-spin-button, input::-webkit-clear-button {
  display: none;
}

input::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 7px;
  right: 0;
  color: #434447;
  opacity: 1;
}

.fixed-reorder {
  display: flex;
  width: 100%;
  padding: 24px 64px;
  align-items: center;
  background: #FFF;
  box-shadow: 0px -3px 4px 0px rgba(0, 0, 0, 0.25);
  position: sticky;
  bottom: 0;
  max-width: 100%;
  left: 0;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .fixed-reorder {
    padding: 16px 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.order-details .fixed-reorder {
    padding: 24px 0;
  }
}
.fixed-reorder .button-wrapper {
  padding: 0 64px;
  max-width: 1600px;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  position: relative;
}
@media screen and (max-width: 767px) {
  .fixed-reorder .button-wrapper {
    padding: 0;
  }
}
.fixed-reorder .button-wrapper .order-reorder {
  display: flex;
  height: 40px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 2px;
  background: #F39800;
  color: #FFF;
  text-align: center;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.16px;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .fixed-reorder .button-wrapper .order-reorder {
    flex: 1;
  }
}
.fixed-reorder .button-wrapper .order-return,
.fixed-reorder .button-wrapper .order-cancel {
  display: flex;
  height: 40px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 2px;
  border: 1px solid #E57B03;
  color: #E57B03;
  text-align: center;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.16px;
  margin-right: 16px;
  cursor: pointer;
}
.fixed-reorder .button-wrapper .order-return + p,
.fixed-reorder .button-wrapper .order-cancel + p {
  display: none;
  padding: 8px 16px;
  border-radius: 2px;
  background: #434447;
  position: absolute;
  bottom: 40px;
  color: #FFF;
  font-family: Heebo;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.36px;
  max-width: 400px;
  text-align: left;
  right: 0;
}
.fixed-reorder .button-wrapper .order-return + p i,
.fixed-reorder .button-wrapper .order-cancel + p i {
  position: absolute;
  top: auto;
  bottom: -6px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="4" viewBox="0 0 8 4" fill="none"><path d="M3.25259 0.336073C3.65038 -0.112025 4.34962 -0.112025 4.74741 0.336073L8 4L-3.98954e-06 4L3.25259 0.336073Z" fill="%23434447"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 8px;
  height: 8px;
  transform: rotate(180deg);
  left: 40%;
}
.fixed-reorder .button-wrapper .order-return.disabled.question_toggle:hover + p,
.fixed-reorder .button-wrapper .order-cancel.disabled.question_toggle:hover + p {
  display: block;
  position: absolute;
}
@media screen and (max-width: 767px) {
  .fixed-reorder .button-wrapper .order-return,
  .fixed-reorder .button-wrapper .order-cancel {
    flex: 1;
  }
}
.fixed-reorder .button-wrapper .order-return.disabled,
.fixed-reorder .button-wrapper .order-cancel.disabled {
  opacity: 0.5;
}
.fixed-reorder .button-wrapper .order-return.disabled:active,
.fixed-reorder .button-wrapper .order-cancel.disabled:active {
  pointer-events: none;
}

.reorder-modal-background {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  z-index: 9;
  top: 0;
  left: 0;
}
.reorder-modal-background.active {
  display: block !important;
}

.reorder-container {
  position: fixed;
  display: none;
  max-width: 640px;
  z-index: 10;
  background: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  flex-direction: column;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .reorder-container {
    transform: translate(0, 0);
    left: 0;
    bottom: 0;
    top: auto;
  }
}
.reorder-container.active {
  display: flex !important;
}
.reorder-container .reorder-container-header {
  margin: 16px 24px;
}
.reorder-container .reorder-container-header .reorder-header-text {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 16px;
  border-bottom: 1px solid #CFD2D5;
}
.reorder-container .reorder-container-header .reorder-header-text span:first-child {
  color: #000;
  font-family: Heebo;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.72px;
}
.reorder-container .reorder-container-footer {
  padding: 16px 24px;
  border-top: 1px solid #CFD2D5;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .reorder-container .reorder-container-footer {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}
.reorder-container .reorder-container-footer .agreement {
  display: flex;
  align-items: center;
  gap: 8px;
}
.reorder-container .reorder-container-footer .agreement label {
  color: #434447;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
}
.reorder-container .reorder-container-footer .reorder-buttons {
  display: flex;
  gap: 16px;
}
@media screen and (max-width: 767px) {
  .reorder-container .reorder-container-footer .reorder-buttons {
    width: 100%;
  }
}
.reorder-container .reorder-container-footer .reorder-buttons button:first-child {
  border-radius: 2px;
  border: 1px solid #E57B03;
  background: none;
  display: flex;
  height: 40px;
  padding: 12px 16px;
  align-items: center;
  gap: 16px;
  color: #E57B03;
  text-align: center;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.16px;
}
@media screen and (max-width: 767px) {
  .reorder-container .reorder-container-footer .reorder-buttons button:first-child {
    flex: 1;
  }
}
.reorder-container .reorder-container-footer .reorder-buttons button:last-child {
  border-radius: 2px;
  background: #E57B03;
  border: none;
  display: flex;
  height: 40px;
  padding: 12px 16px;
  align-items: center;
  gap: 16px;
  color: #fff;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .reorder-container .reorder-container-footer .reorder-buttons button:last-child {
    flex: 1;
  }
}
.reorder-container .reorder-container-footer .reorder-buttons button:last-child.disabled {
  background: #FBE0B2;
  pointer-events: none;
}
.reorder-container .reorder-wrapper {
  max-height: calc(100vh - 228px);
  overflow: auto;
  margin: 0 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 24px;
}
.reorder-container .reorder-wrapper .product-item {
  display: flex;
  border-radius: 2px;
  background: #F6F7F9;
  padding: 16px;
}
.reorder-container .reorder-wrapper .product-item.disabled {
  position: relative;
}
.reorder-container .reorder-wrapper .product-item.disabled::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  opacity: 0.4;
  background: #F6F7F9;
  left: 0;
  top: 0;
}
.reorder-container .reorder-wrapper .product-item.disabled .qty_value {
  position: relative;
  z-index: 2;
  display: flex;
  height: 20px;
  padding: 2px 8px;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  border-radius: 2px;
  background: #FFEFEE;
  color: #DB3A3A;
  font-family: Heebo;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.42px;
  border: none;
}
.reorder-container .reorder-wrapper .product-item .item_image {
  max-width: 164px;
  width: 100%;
  text-align: center;
}
.reorder-container .reorder-wrapper .product-item .item_image img {
  max-height: 92px;
  max-width: none;
}
.reorder-container .reorder-wrapper .product-item .item_name a {
  color: #434447;
  font-family: Heebo;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
}
.reorder-container .reorder-wrapper .product-item .item_name .description {
  color: #434447;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 8px;
  letter-spacing: 0.48px;
  margin-top: 4px;
}
.reorder-container .reorder-wrapper .product-item .item_name .qty_value {
  height: 32px;
  display: inline-flex;
  gap: 0;
  margin: 0;
}

.modal_return_background {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  z-index: 2;
  top: 0;
  left: 0;
}

#modal-return-order,
#modal-Cancellation-order,
#modal-cancel-confirm,
#changeCartItemNumber {
  position: fixed;
  max-width: 400px;
  width: 100%;
  left: 50%;
  top: 50%;
  z-index: 12;
  background: #fff;
  padding: 16px 24px;
  transform: translate(-50%, -50%);
  display: none;
}
@media screen and (max-width: 767px) {
  #modal-return-order,
  #modal-Cancellation-order,
  #modal-cancel-confirm,
  #changeCartItemNumber {
    max-width: calc(100% - 40px) !important;
  }
}
#modal-return-order .title,
#modal-Cancellation-order .title,
#modal-cancel-confirm .title,
#changeCartItemNumber .title {
  display: flex;
  justify-content: space-between;
}
#modal-return-order .title h4,
#modal-Cancellation-order .title h4,
#modal-cancel-confirm .title h4,
#changeCartItemNumber .title h4 {
  font-family: Heebo;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.72px;
  margin: 0;
}
#modal-return-order .title .closed,
#modal-Cancellation-order .title .closed,
#modal-cancel-confirm .title .closed,
#changeCartItemNumber .title .closed {
  border: none;
  background-color: #fff;
  width: 32px;
  height: 32px;
  padding: 0;
  margin: 0;
  background: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_26185_14051)"><path d="M9.51116 22.2468C9.07924 21.8149 9.08929 21.0816 9.51116 20.6597L14.4029 15.7579L9.51116 10.8662C9.08929 10.4443 9.07924 9.71106 9.51116 9.27914C9.94308 8.84722 10.6763 8.85726 11.0982 9.26909L16 14.1709L20.8917 9.27914C21.3136 8.85726 22.0469 8.84722 22.4788 9.27914C22.9107 9.71106 22.9007 10.4443 22.4788 10.8662L17.5871 15.7579L22.4788 20.6597C22.9007 21.0816 22.9107 21.8149 22.4788 22.2468C22.0469 22.6787 21.3136 22.6686 20.8917 22.2468L16 17.355L11.0982 22.2468C10.6763 22.6686 9.94308 22.6787 9.51116 22.2468Z" fill="%23434447"/></g><defs><clipPath id="clip0_26185_14051"><rect width="32" height="32" fill="white"/></clipPath></defs></svg>');
}
#modal-return-order p,
#modal-Cancellation-order p,
#modal-cancel-confirm p,
#changeCartItemNumber p {
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  margin-bottom: 32px;
}
#modal-return-order .modal_btn_are,
#modal-Cancellation-order .modal_btn_are,
#modal-cancel-confirm .modal_btn_are,
#changeCartItemNumber .modal_btn_are {
  display: flex;
  justify-content: center;
  gap: 10px;
}
@media screen and (max-width: 767px) {
  #modal-return-order .modal_btn_are,
  #modal-Cancellation-order .modal_btn_are,
  #modal-cancel-confirm .modal_btn_are,
  #changeCartItemNumber .modal_btn_are {
    flex-direction: column-reverse;
  }
}
#modal-return-order .modal_btn_are button:first-child,
#modal-Cancellation-order .modal_btn_are button:first-child,
#modal-cancel-confirm .modal_btn_are button:first-child,
#changeCartItemNumber .modal_btn_are button:first-child {
  display: flex;
  height: 40px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 2px;
  border: 1px solid #E57B03;
  background: none;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.16px;
  color: #E57B03;
}
#modal-return-order .modal_btn_are button:last-child,
#modal-Cancellation-order .modal_btn_are button:last-child,
#modal-cancel-confirm .modal_btn_are button:last-child,
#changeCartItemNumber .modal_btn_are button:last-child {
  display: flex;
  height: 40px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 2px;
  background: #F39800;
  border: none;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.16px;
  color: #fff;
}

input[name=companyName].disabled {
  background: #F6F7F9;
  pointer-events: none;
}

.agreement-company {
  color: #434447;
  font-family: Heebo;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.14px;
  display: flex;
  gap: 8px;
  margin-top: 8px;
}
.agreement-company label {
  margin: 0;
  display: flex;
  gap: 5px;
  white-space: normal;
}
.agreement-company i {
  margin-right: 0;
}

#modal-individual {
  position: fixed;
  max-width: 400px;
  width: 100%;
  left: 50%;
  top: 50%;
  z-index: 10;
  background: #fff;
  padding: 16px 24px;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  #modal-individual {
    max-width: calc(100% - 40px) !important;
  }
}
#modal-individual.orders-list-modal .modal_btn_are button:first-child {
  background: #fff;
  color: #F39800;
}
#modal-individual .title {
  display: flex;
  justify-content: space-between;
}
#modal-individual .title h4 {
  font-family: Heebo;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.72px;
  margin: 0;
}
@media screen and (max-width: 767px) {
  #modal-individual .title h4 {
    font-size: 20px;
  }
}
#modal-individual .title .closed {
  border: none;
  background-color: #fff;
  width: 32px;
  height: 32px;
  padding: 0;
  margin: 0;
  background: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_26185_14051)"><path d="M9.51116 22.2468C9.07924 21.8149 9.08929 21.0816 9.51116 20.6597L14.4029 15.7579L9.51116 10.8662C9.08929 10.4443 9.07924 9.71106 9.51116 9.27914C9.94308 8.84722 10.6763 8.85726 11.0982 9.26909L16 14.1709L20.8917 9.27914C21.3136 8.85726 22.0469 8.84722 22.4788 9.27914C22.9107 9.71106 22.9007 10.4443 22.4788 10.8662L17.5871 15.7579L22.4788 20.6597C22.9007 21.0816 22.9107 21.8149 22.4788 22.2468C22.0469 22.6787 21.3136 22.6686 20.8917 22.2468L16 17.355L11.0982 22.2468C10.6763 22.6686 9.94308 22.6787 9.51116 22.2468Z" fill="%23434447"/></g><defs><clipPath id="clip0_26185_14051"><rect width="32" height="32" fill="white"/></clipPath></defs></svg>');
}
#modal-individual p {
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  margin-bottom: 20px;
}
#modal-individual a {
  text-decoration: none;
  color: #006EFF;
  text-align: right;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  margin-bottom: 28px;
  display: inline-block;
}
#modal-individual .modal_btn_are {
  display: flex;
  justify-content: center;
  gap: 10px;
}
#modal-individual .modal_btn_are button {
  display: flex;
  height: 40px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 2px;
  border: 1px solid #F39800;
  background: #F39800;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.16px;
  color: #fff;
}
@media screen and (max-width: 767px) {
  #modal-individual .modal_btn_are button {
    width: 100%;
  }
}

.add-new-shipping.disabled,
.edite-shipping.disabled {
  opacity: 0.5;
  pointer-events: none;
}

body.layer-by-layer #shipping-info-modal {
  display: none !important;
}

body.layer-by-layer .modal_account_background {
  display: block !important;
}

/* my epoints css */
.account-right .points-container {
  padding: 32px 22px 24px 22px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-size: cover !important;
  margin-bottom: 60px;
  height: 190px;
  max-width: 640px;
  width: 80%;
}
@media screen and (max-width: 767px) {
  .account-right .points-container {
    width: 100%;
    padding: 32px 20px 24px 20px;
    background-size: cover !important;
    justify-content: flex-start;
    gap: 8px;
    margin-bottom: 32px;
  }
}
.account-right .points-container h5 {
  color: #0C0C0C;
  font-family: Heebo;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .account-right .points-container h5 {
    font-size: 18px;
  }
}
.account-right .points-container .points-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
@media screen and (max-width: 767px) {
  .account-right .points-container .points-wrapper {
    flex-direction: column;
    gap: 16px;
    width: 100%;
  }
  .account-right .points-container .points-wrapper > div {
    width: 100%;
  }
  .account-right .points-container .points-wrapper > div .no-textUnderline {
    text-align: right;
    width: 100%;
    display: block;
    line-height: 28px;
  }
}
.account-right .points-container .image-points {
  display: inline-flex;
  margin-right: 12px;
}
.account-right .points-container .point-text {
  color: #004280;
  font-family: Arial;
  font-size: 96px;
  font-weight: 700;
  line-height: 1;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .account-right .points-container .point-text {
    font-size: 64px;
    line-height: 72px;
  }
}
.account-right .points-container a {
  color: #006EFF;
  text-align: right;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  text-decoration: none;
}

.has-items.my-points-all .items-titles {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  flex-wrap: wrap;
  gap: 8px;
}
@media screen and (max-width: 767px) {
  .has-items.my-points-all .items-titles {
    margin-bottom: 32px;
  }
}
.has-items.my-points-all .items-titles .items-left {
  display: flex;
  gap: 12px;
  align-items: baseline;
}
@media screen and (max-width: 767px) {
  .has-items.my-points-all .items-titles .items-left {
    flex-direction: column;
    gap: 0;
  }
}
.has-items.my-points-all .items-titles .items-left .page-item-title {
  color: #434447;
  font-family: Heebo;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
}
@media screen and (max-width: 767px) {
  .has-items.my-points-all .items-titles .items-left .page-item-title {
    font-size: 30px;
    line-height: 42px;
  }
}
.has-items.my-points-all .items-titles .items-left .page-item-range {
  color: #B6BFC1;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
}
@media screen and (max-width: 767px) {
  .has-items.my-points-all .items-titles .items-left .page-item-range {
    font-size: 14px;
    line-height: 16px;
  }
}
.has-items.my-points-all .items-titles .items-right {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .has-items.my-points-all .items-titles .items-right {
    flex-direction: column;
    width: 100%;
    gap: 8px;
  }
  .has-items.my-points-all .items-titles .items-right .sorting {
    width: 100%;
    position: relative;
  }
  .has-items.my-points-all .items-titles .items-right .sorting select {
    width: 100%;
    height: 100%;
  }
  .has-items.my-points-all .items-titles .items-right .sorting .selected-sorting {
    width: 100%;
    height: 40px;
    padding: 8px 12px;
  }
  .has-items.my-points-all .items-titles .items-right .sorting .selected-sorting span {
    width: inherit;
  }
}
.has-items.my-points-all .no-search-result {
  margin-top: 86px;
}
.has-items.my-points-all .has-search-result .item-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 32px;
}
@media screen and (max-width: 767px) {
  .has-items.my-points-all .has-search-result .item-list {
    justify-content: space-between;
    gap: 32px 12px;
  }
}
.has-items.my-points-all .has-search-result .product_list_item {
  display: flex;
  width: 273.25px;
  max-width: 440px;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .has-items.my-points-all .has-search-result .product_list_item {
    width: 50%;
  }
}
@media screen and (min-width: 1093px) {
  .has-items.my-points-all .has-search-result .product_list_item {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1293px) {
  .has-items.my-points-all .has-search-result .product_list_item {
    width: 25%;
  }
}
@media screen and (max-width: 767px) {
  .has-items.my-points-all .has-search-result .product_list_item {
    box-sizing: border-box;
    min-width: 154px;
    width: calc(50% - 6px);
    padding: 0;
    height: auto;
  }
}
.has-items.my-points-all .has-search-result .product_list_item:hover .image_top {
  opacity: 0.6;
}
.has-items.my-points-all .has-search-result .product_list_item:hover .product_name {
  text-decoration: underline;
  color: #004280;
}
@media screen and (max-width: 767px) {
  .has-items.my-points-all .has-search-result .product_list_item {
    min-width: 154px;
    width: calc(50% - 6px);
    padding: 0;
  }
}
.has-items.my-points-all .has-search-result .product_list_item .image_top {
  width: 100%;
  aspect-ratio: 265/148;
  background: #F6F7F9;
  text-align: center;
  position: relative;
  overflow: hidden;
  transition: all 0.3s linear;
  height: auto;
}
.has-items.my-points-all .has-search-result .product_list_item .image_top img {
  max-height: 100%;
  max-width: 100%;
}
.has-items.my-points-all .has-search-result .product_list_item .product_text_right .product_price {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 4px;
  text-align: right;
  font-family: Heebo;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.has-items.my-points-all .has-search-result .product_list_item .product_text_right .product_price i {
  background-image: url("../../images/pointsPng.png");
  width: 24px;
  height: 24px;
  display: block;
  background-size: contain;
}

.item-modal-epoints {
  position: fixed;
  max-width: 400px;
  width: 100%;
  left: 50%;
  top: 50%;
  z-index: 10;
  background: #fff;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  .item-modal-epoints {
    max-width: none;
    top: auto;
    bottom: 0;
    left: auto;
    transform: none;
  }
}
.item-modal-epoints .header {
  padding: 16px 0;
  margin: 0 24px;
  border: none;
  box-shadow: none;
  color: #000;
  font-family: Heebo;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.72px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #CFD2D5;
  margin-bottom: 16px;
}
.item-modal-epoints .header .close-modal {
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .item-modal-epoints .header {
    margin: 0 20px;
  }
  .item-modal-epoints .header .name {
    font-size: 20px;
  }
}
.item-modal-epoints .item-body {
  padding: 0 24px;
  max-height: 534px;
  overflow: auto;
}
@media screen and (max-width: 767px) {
  .item-modal-epoints .item-body {
    padding: 0 20px;
    max-height: 55vh;
  }
}
.item-modal-epoints .item-body .image-header {
  aspect-ratio: 265/148;
  width: 100%;
  margin-bottom: 16px;
  text-align: center;
}
.item-modal-epoints .item-body .image-header img {
  max-width: 100%;
  max-height: 100%;
}
.item-modal-epoints .item-body .product-des {
  padding: 16px;
  background: #F6F7F9;
  display: flex;
  gap: 16px;
  flex-direction: column;
}
.item-modal-epoints .item-body .product-des p {
  display: flex;
  gap: 8px;
  margin: 0;
}
.item-modal-epoints .item-body .product-des p span:first-child {
  width: 30%;
  color: #434447;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
}
.item-modal-epoints .item-body .product-des p span:last-child {
  width: 70%;
  color: #737B7D;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
}
.item-modal-epoints .item-redeem {
  display: flex;
  padding: 16px 24px;
  border-top: 1px solid #CFD2D5;
  background: #FFF;
  justify-content: end;
}
@media screen and (max-width: 767px) {
  .item-modal-epoints .item-redeem {
    flex-direction: column;
    gap: 16px;
  }
}
.item-modal-epoints .item-redeem .qty-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
}
.item-modal-epoints .item-redeem .qty-price .price {
  color: #E57B03;
  font-family: Heebo;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.72px;
  display: flex;
  gap: 4px;
}
.item-modal-epoints .item-redeem .qty-price .price i {
  background: url("../../images/pointsPng.png");
  width: 24px;
  height: 24px;
  display: block;
  background-size: contain;
}
.item-modal-epoints .item-redeem .qty-price .qty_value {
  gap: 16px;
  margin-right: 8px;
}
.item-modal-epoints button {
  display: flex;
  height: 40px;
  padding: 12px 16px;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  color: #FFF;
  text-align: center;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.16px;
  background: #F39800;
  border: none;
}
@media screen and (max-width: 767px) {
  .item-modal-epoints button {
    justify-content: center;
  }
}

#redeemGift {
  position: fixed;
  max-width: 400px;
  width: 100%;
  left: 50%;
  top: 50%;
  z-index: 10;
  background: #fff;
  padding: 16px 24px;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  #redeemGift {
    max-width: calc(100% - 40px) !important;
  }
}
#redeemGift .title {
  display: flex;
  justify-content: space-between;
}
#redeemGift .title h4 {
  font-family: Heebo;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.72px;
  margin: 0;
}
@media screen and (max-width: 767px) {
  #redeemGift .title h4 {
    font-size: 20px;
  }
}
#redeemGift .title .closed {
  border: none;
  background-color: #fff;
  width: 32px;
  height: 32px;
  padding: 0;
  margin: 0;
  background: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_26185_14051)"><path d="M9.51116 22.2468C9.07924 21.8149 9.08929 21.0816 9.51116 20.6597L14.4029 15.7579L9.51116 10.8662C9.08929 10.4443 9.07924 9.71106 9.51116 9.27914C9.94308 8.84722 10.6763 8.85726 11.0982 9.26909L16 14.1709L20.8917 9.27914C21.3136 8.85726 22.0469 8.84722 22.4788 9.27914C22.9107 9.71106 22.9007 10.4443 22.4788 10.8662L17.5871 15.7579L22.4788 20.6597C22.9007 21.0816 22.9107 21.8149 22.4788 22.2468C22.0469 22.6787 21.3136 22.6686 20.8917 22.2468L16 17.355L11.0982 22.2468C10.6763 22.6686 9.94308 22.6787 9.51116 22.2468Z" fill="%23434447"/></g><defs><clipPath id="clip0_26185_14051"><rect width="32" height="32" fill="white"/></clipPath></defs></svg>');
}
#redeemGift p {
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  margin-bottom: 20px;
}
#redeemGift .points-details p {
  margin: 0;
}
#redeemGift a {
  text-decoration: none;
  color: #006EFF;
  text-align: right;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  margin-bottom: 28px;
  display: inline-block;
}
#redeemGift .modal_btn_are {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 32px;
}
@media screen and (max-width: 767px) {
  #redeemGift .modal_btn_are {
    flex-direction: column-reverse;
  }
}
#redeemGift .modal_btn_are button:first-child {
  display: flex;
  height: 40px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 2px;
  border: 1px solid #E57B03;
  background: none;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.16px;
  color: #E57B03;
}
#redeemGift .modal_btn_are button:last-child {
  display: flex;
  height: 40px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 2px;
  background: #F39800;
  border: none;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.16px;
  color: #fff;
}

#modal-confirm {
  position: fixed;
  max-width: 400px;
  width: 100%;
  left: 50%;
  top: 50%;
  z-index: 10;
  background: #fff;
  padding: 16px 24px;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  #modal-confirm {
    max-width: calc(100% - 40px) !important;
  }
}
#modal-confirm .title {
  display: flex;
  justify-content: space-between;
}
#modal-confirm .title h4 {
  font-family: Heebo;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.72px;
  margin: 0;
}
@media screen and (max-width: 767px) {
  #modal-confirm .title h4 {
    font-size: 20px;
  }
}
#modal-confirm .title .closed {
  border: none;
  background-color: #fff;
  width: 32px;
  height: 32px;
  padding: 0;
  margin: 0;
  background: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_26185_14051)"><path d="M9.51116 22.2468C9.07924 21.8149 9.08929 21.0816 9.51116 20.6597L14.4029 15.7579L9.51116 10.8662C9.08929 10.4443 9.07924 9.71106 9.51116 9.27914C9.94308 8.84722 10.6763 8.85726 11.0982 9.26909L16 14.1709L20.8917 9.27914C21.3136 8.85726 22.0469 8.84722 22.4788 9.27914C22.9107 9.71106 22.9007 10.4443 22.4788 10.8662L17.5871 15.7579L22.4788 20.6597C22.9007 21.0816 22.9107 21.8149 22.4788 22.2468C22.0469 22.6787 21.3136 22.6686 20.8917 22.2468L16 17.355L11.0982 22.2468C10.6763 22.6686 9.94308 22.6787 9.51116 22.2468Z" fill="%23434447"/></g><defs><clipPath id="clip0_26185_14051"><rect width="32" height="32" fill="white"/></clipPath></defs></svg>');
}
#modal-confirm p {
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  margin-bottom: 20px;
}
#modal-confirm a {
  text-decoration: none;
  color: #006EFF;
  text-align: right;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  margin-bottom: 28px;
  display: inline-block;
}
#modal-confirm .modal_btn_are {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-direction: column-reverse;
}
#modal-confirm .modal_btn_are button:first-child {
  display: flex;
  height: 40px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 2px;
  border: 1px solid #E57B03;
  background: none;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.16px;
  color: #E57B03;
}
#modal-confirm .modal_btn_are button:last-child {
  display: flex;
  height: 40px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 2px;
  background: #F39800;
  border: none;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.16px;
  color: #fff;
}

span.epoints-list {
  width: 15% !important;
}

span.notes-list {
  width: 35% !important;
}

.text-wrapper.epoints-list {
  width: 15% !important;
}

.text-wrapper.notes-list {
  width: 35% !important;
}
.text-wrapper.notes-list .orderListStatus {
  display: block !important;
}
.text-wrapper.notes-list .orderListStatus a {
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .epoints-history .order-titles,
  .epoints-coupons .order-titles {
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
  }
  .epoints-history .order-titles .order-list-pages,
  .epoints-coupons .order-titles .order-list-pages {
    gap: 24px;
  }
  .epoints-history .order-titles .order-list-pages .items-total,
  .epoints-coupons .order-titles .order-list-pages .items-total {
    font-size: 14px;
    line-height: 16px;
  }
}
.epoints-history .order-titles .order-filter,
.epoints-coupons .order-titles .order-filter {
  display: flex;
  gap: 16px;
}
@media screen and (max-width: 767px) {
  .epoints-history .order-titles .order-filter,
  .epoints-coupons .order-titles .order-filter {
    max-width: calc(100% + 20px);
    overflow-x: auto;
  }
}
.epoints-history .order-titles .order-filter span,
.epoints-coupons .order-titles .order-filter span {
  min-width: 96px;
  height: 38px;
  padding: 4px 16px;
  border-radius: 20px;
  line-height: 30px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .epoints-history .order-titles .order-filter span,
  .epoints-coupons .order-titles .order-filter span {
    flex: none;
  }
}
.epoints-history .order-titles .order-filter span.active,
.epoints-coupons .order-titles .order-filter span.active {
  background: #E57B03;
  color: #fff;
}

.epoints-coupons .list-container {
  gap: 16px;
}

.list-container {
  display: flex;
  flex-wrap: wrap;
}
.list-container .coupon-item {
  width: calc(50% - 16px);
  background: #E8ECEF;
  display: flex;
}
@media screen and (max-width: 767px) {
  .list-container .coupon-item {
    width: 100%;
  }
}
.list-container .coupon-item .coupon-image {
  aspect-ratio: 1/1;
  width: 170px;
  height: 100%;
  position: relative;
  background: #E8ECEF;
}
@media screen and (max-width: 767px) {
  .list-container .coupon-item .coupon-image {
    width: 40%;
    display: flex;
    align-items: center;
  }
}
.list-container .coupon-item .coupon-image img {
  height: 100%;
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: center;
}

.list-container .coupon-item .coupon-image img.usedImge {
  position: absolute;
}
.list-container .coupon-item .coupon-details {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  background: #F6F7F9;
  width: calc(100% - 170px);
}
@media screen and (max-width: 767px) {
  .list-container .coupon-item .coupon-details {
    padding: 8px 16px;
    width: 60%;
  }
}
.list-container .coupon-item .coupon-details.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.list-container .coupon-item .coupon-details .coupon-name {
  color: #003160;
  font-family: Heebo;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 10px;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .list-container .coupon-item .coupon-details .coupon-name {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.48px;
    margin-bottom: 8px;
  }
}
.list-container .coupon-item .coupon-details p {
  color: #434447;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .list-container .coupon-item .coupon-details p {
    text-overflow: ellipsis;
    font-family: Heebo;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.42px;
  }
}
@media screen and (max-width: 767px) {
  .list-container .coupon-item .coupon-details a {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.48px;
  }
}

a.no-textUnderline {
  text-decoration: none;
}

a.coupon-infomation {
  text-align: right;
  text-decoration: none;
}

lable.processing {
  border-radius: 2px;
  background: #DFEBF7;
  color: #006EFF;
  font-family: Heebo;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  display: inline-flex;
  padding: 2px 8px;
  align-items: center;
  gap: 4px;
  margin-bottom: 4px;
}

lable.Completed {
  border-radius: 2px;
  background: #D0E6D4;
  color: #00893A;
  font-family: Heebo;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  display: inline-flex;
  padding: 2px 8px;
  align-items: center;
  gap: 4px;
  margin-bottom: 4px;
}

.word-break {
  word-break: break-all;
}

/* my account back ordered message */
.my-account_back-ordered-message {
  font-size: 12px;
  color: #004280;
  line-height: 1.5;
  border-top: 1px solid #CFD2D5;
  padding: 20px 0 0 20px;
  margin-bottom: 5px;
  width: 100%;
  display: block;
  position: relative;
}

.my-account_back-ordered-message .back-ordered-tooltip {
  position: absolute;
  left: 0;
  top: 19px;
  padding: 2px;
}

.my-account_back-ordered-message svg {
  display: block;
}
/*# sourceMappingURL=account.css.map */