.j3u-wallet-card {
  border-radius: 8px;
  padding: 16px;
  /*box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
  */ /*background: linear-gradient(180deg, #fff, #f7fbff);
  */
  background-color: #fff;
  /* margin: 100px 0px 50px; */
  border: 1px solid #ededed;
  margin-bottom: 18px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
.j3u-wallet-banner {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 10px;
  color: #000000;
}
.j3u-wallet-body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}
.j3u-wallet-left {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.j3u-wallet-amount {
  font-size: 28px;
  font-weight: 800;
  color: #000000;
}
.j3u-wallet-code {
  font-size: 13px;
  margin-top: 6px;
  color: #000000;
}
.j3u-wallet-code span {
  font-weight: 500;
}
.j3u-wallet-expiry {
  font-size: 13px;
  color: #666;
  margin-top: 0;
  color: #000000;
}
.j3u-wallet-cta {
  display: inline-block;
  padding: 10px 14px;
  border: 1px solid #d31e03;
  border-radius: 150px;
  text-decoration: underline;
  font-weight: 400;
  /*background: #1e73be;
  */ /*color: #fff;
  */
  background-color: #fff;
  color: #000;
  -webkit-border-radius: 150px;
  -moz-border-radius: 150px;
  -ms-border-radius: 150px;
  -o-border-radius: 150px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.j3u-wallet-cta:hover {
  background-color: #d31e03;
  color: #fff;
}
.j3u-wallet-msg {
  font-weight: 500;
  /* color: #1e7a3b; */
  color: #d31e03;
  display: flex;
  align-items: center;
  gap: 10px;
}
.j3u-wallet-msg span {
  line-height: 1;
}
.j3u-popup-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.j3u-popup-card {
  max-width: 640px;
  background: #fff;
  padding: 28px;
  border-radius: 12px;
  text-align: center;
  margin: 0 auto;
}
.j3u-popup-cta {
  display: inline-block;
  margin-top: 16px;
  padding: 10px 18px;
  border-radius: 8px;
  background: #1e73be;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
}
.j3u-popup-quote {
  margin-top: 12px;
  font-size: 13px;
  color: #666;
}
.opc-coupon-hidden {
  height: 0 !important;
  position: absolute !important;
  visibility: hidden !important;
  overflow: hidden !important;
}
.j3u-popup-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.j3u-popup-card {
  max-width: 575px;
  background: #fff;
  padding: 28px;
  border-radius: 12px;
  text-align: center;
  width: 100%;
  margin: 0 auto;
}
.j3u-popup-cta {
  display: inline-block;
  margin-top: 16px;
  padding: 10px 18px;
  border-radius: 8px;
  background: #1e73be;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
}
.j3u-popup-quote {
  margin-top: 12px;
  font-size: 13px;
  color: #666;
}
.j3u-popup-close {
  display: block;
  margin-top: 10px;
}
.j3u-container {
  max-width: 420px;
  margin: 40px auto;
  text-align: center;
  padding: 20px;
  background: #ffffff;
}
.j3u-logo img {
  width: 90px;
  margin-bottom: 20px;
}
.j3u-heading {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
}
.j3u-text {
  font-size: 15px;
  color: #555;
  line-height: 1.5;
  margin-bottom: 20px;
}
.j3u-code-box {
  background: #f2f2f2;
  padding: 12px 16px;
  border-radius: 10px;
  font-size: 16px;
  margin-bottom: 25px;
  display: inline-block;
}
.j3u-description {
  font-size: 14px;
  color: #666;
  line-height: 1.5;
  margin-bottom: 35px;
}
.j3u-button {
  display: inline-block;
  background: #000;
  color: #fff;
  padding: 10px 20px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 15px;
  font-weight: 600;
}
.j3u-button:hover {
  background: #d94a36;
  color: #fff;
}
.j3u-gift-icon {
  display: inline-block;
  margin-bottom: 10px;
  color: #d94a36;
  width: 64px;
  height: 64px;
  line-height: 0;
}
.j3u-gift-icon svg {
  width: 100%;
  height: 100%;
  display: block;
  fill: currentColor;
  stroke: none;
}

@media only screen and (max-width: 797px) {
  .j3u-popup-card {
    width: 95%;
  }
}

.header-wallet-icon a {
  font-size: 20px;
  display: flex;
  align-items: center;
  padding: 0 10px;
}

.header-wallet-icon a:hover {
  opacity: 0.7;
}

.header-wallet-icon i {
  line-height: 1;
}
i.bb-icon-f.bb-icon-wallet {
  color: #d31e03 !important;
}

/* Header Center Banner CSS Start */

.j3u-center-banner .j3u-left-section p {
  color: #000;
  margin-bottom: 0px;
}

.site-header .site-header-container .main-navigation {
  display: none;
}

.site-header .site-header-container {
  justify-content: space-between;
}

.site-header .site-header-container .j3u-center-banner {
  width: 60%;
}
.j3u-center-banner .j3u-right-section div {
  margin: 0px;
}

.j3u-center-banner .j3u-right-section p {
  line-height: 1.5;
  font-weight: 400;
}

.site-header .site-header-container {
  height: auto !important;
}
.j3u-center-banner .j3u-center-banner-wrapper {
  display: block;
}
.site-header .site-header-container .j3u-center-banner {
  width: 50%;
}
.j3u-center-banner .j3u-left-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media only screen and (max-width: 1024px) and (min-width: 992px) {
  .j3u-center-banner .j3u-left-section .j3u-wallet-msg p:first-child {
    font-size: 1.111vw;
    margin-bottom: 0px;
  }
  .j3u-center-banner .j3u-left-section .j3u-wallet-msg p:last-child {
    font-size: 0.833vw;
  }
  .j3u-center-banner .j3u-left-section .j3u-wallet-amount p {
    font-size: 1.944vw;
  }
}

@media only screen and (max-width: 1024px) {
  .site-header .site-header-container .j3u-center-banner {
    width: 50%;
  }
}

@media only screen and (max-width: 768px) {
  .site-header .site-header-container .j3u-center-banner {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .j3u-wallet-banner {
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .j3u-wallet-banner span {
    line-height: 1;
  }
  .j3u-wallet-banner span svg {
    width: 20px;
  }
  .j3u-wallet-card {
    padding: 10px;
  }
  /* .j3u-wallet-body {
    display: block;
  } */
  .j3u-wallet-body .j3u-wallet-right a {
    text-decoration: underline;
    font-size: 14px;
    padding: 0px;
    border: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
  }

  .j3u-wallet-body .j3u-wallet-cta:hover {
    background-color: transparent;
    color: #d31e03;
  }
}

/* Header Center Banner CSS End */

.container.site-header-container.flex.default-header {
  display: none;
}
.container.site-header-container.flex.default-header.j3u-header-wrapper {
  display: flex;
}

.bb-mobile-header-wrapper.j3u-header-wrapper {
    display: block;
}

.bb-mobile-header-wrapper {
    display: none;
}

.bb-mobile-header-wrapper.bb-single-icon {
    display: none;
}

.bb-mobile-header-wrapper.bb-single-icon.j3u-header-wrapper{
  display: block;
}

.hidden-coupon-field,
.hidden-coupon-label {
  position: absolute;
  visibility: hidden;
  height: 0;
}
.j3u-left-section.is-redeemed {
  justify-content: center;
}
.j3u-center-banner-wrapper a.j3u-wallet-cta {
  font-size: 14px;
  padding: 0;
  border: none;
  text-decoration: underline;
}
.j3u-center-banner-wrapper a.j3u-wallet-cta:hover {
  color: #d31e03;
  background: inherit;
}
#j3u-wallet-copy-msg , #popup-j3u-wallet-copy-msg, #mobile-card-j3u-wallet-copy-msg {
  margin-top: 15px;
  padding: 12px 16px;
  /* background: #e6f7e9; */
  /* border-left: 4px solid #4caf50; */
  /* color: #256429; */
  background-color: #000;
  border-left: 4px solid #d31e03;
  color: #fff;
  font-size: 15px;
  border-radius: 6px;
}
.mobile-wallet-card-cta a.j3u-wallet-cta {
    border: none;
    padding: 0;
    font-size: 15px;
    text-decoration: underline;
}
.j3u-header-wrapper
  .user-wrap.menu-item-has-children
  #header-my-account-menu:not(.has-icon)
  > li
  > a {
  padding-left: 40px;
}

@media only screen and (max-width: 1440px) and (min-width: 992px) {
  .j3u-center-banner-wrapper a.j3u-wallet-cta {
    font-size: 0.972vw;
  }
  .j3u-wallet-msg span svg {
    width: 1.667vw;
  }
}

/* My Wallet Page CSS Start */

.j3u-wallet {
  margin: 100px 0px 50px;
}

.j3u-wallet .j3u-wallet-wrapper {
  max-width: 350px;
  width: 100%;
  padding: 20px 25px;
  border-radius: 10px;
  margin: 0 auto;
  /* background-color: #d31e03; */
  background-color: #000000;
  /* border: 1px solid #ededed; */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.j3u-wallet .j3u-wallet-wrapper p {
  margin-bottom: 0px;
  /* color: #000000; */
  color: #ffffff;
  text-transform: capitalize;
}

.j3u-wallet .j3u-wallet-wrapper .j3u-wallet__top-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.j3u-wallet .j3u-wallet-wrapper .j3u-wallet__top-content p {
  font-weight: 600;
}

.j3u-wallet .j3u-wallet-wrapper .j3u-wallet__middle-content p {
  font-size: 26px;
  font-weight: 600;
}

.j3u-wallet .j3u-wallet-wrapper .j3u-wallet__bottom-content span {
  font-weight: 600;
}

/* Table CSS Start */

/* .j3u-wallet-history .j3u-wallet-history-table {
  border: none;
} */

/* .j3u-wallet-history .j3u-wallet-history-table tbody tr {
  border-bottom: 1px solid #ededed;
} */

.j3u-wallet-history .j3u-wallet-history-table tbody tr td:first-child span {
  position: relative;
  display: block;
}

.j3u-wallet-history
  .j3u-wallet-history-table
  tbody
  tr
  td:first-child
  span.credit::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 240.835 240.835' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M129.007 57.819c-4.68-4.68-12.499-4.68-17.191 0L3.555 165.803c-4.74 4.74-4.74 12.427 0 17.155 4.74 4.74 12.439 4.74 17.179 0l99.683-99.406 99.671 99.418c4.752 4.74 12.439 4.74 17.191 0 4.74-4.74 4.74-12.427 0-17.155L129.007 57.819z' fill='%2365c19e' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.j3u-wallet-history
  .j3u-wallet-history-table
  tbody
  tr
  td:first-child
  span.debit::before {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 240.835 240.835' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M129.007 57.819c-4.68-4.68-12.499-4.68-17.191 0L3.555 165.803c-4.74 4.74-4.74 12.427 0 17.155 4.74 4.74 12.439 4.74 17.179 0l99.683-99.406 99.671 99.418c4.752 4.74 12.439 4.74 17.191 0 4.74-4.74 4.74-12.427 0-17.155L129.007 57.819z' fill='%23ef4b4b' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E%0A");
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.j3u-wallet-history table.j3u-wallet-history-table {
  border-collapse: collapse;
  width: 100%;
  font-size: 15px;
}

.j3u-wallet-history table.j3u-wallet-history-table thead tr {
  border-bottom: 1px solid #ededed;
}

.j3u-wallet-history h3 {
  border: 1px solid #ededed;
  padding: 30px 16px;
  border-bottom: 0px;
  margin-bottom: 0px;
}

.j3u-wallet-history .j3u-wallet-history-table thead tr th h3 {
  margin: 0px;
}

.j3u-wallet-history .j3u-wallet-history-table tbody tr td:first-child {
  display: flex;
  align-items: center;
  gap: 10px;
}

.j3u-wallet-history .j3u-wallet-history-table tbody tr td:first-child span {
  width: 16px;
  height: 16px;
}

.j3u-wallet-history .j3u-wallet-history-table tbody tr td:first-child span svg {
  width: 100%;
  height: 100%;
}

.j3u-wallet-history
  .j3u-wallet-history-table
  tbody
  tr.credit
  td:first-child
  span
  svg
  path {
  fill: #65c19e;
}

.j3u-wallet-history
  .j3u-wallet-history-table
  tbody
  tr.debit
  td:first-child
  span
  svg
  path {
  fill: #ef4b4b;
}

.j3u-wallet-history
  .j3u-wallet-history-table
  tbody
  tr.debit
  td:first-child
  span
  svg {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.j3u-wallet-history .j3u-wallet-history-table {
  color: #000;
}

.j3u-wallet-history .j3u-wallet-history-table tbody tr td:first-child p {
  margin: 0px;
  font-size: 14px;
}

.j3u-wallet-history .j3u-wallet-history-table tbody tr td.credit-status {
  color: #65c19e;
}

.j3u-wallet-history .j3u-wallet-history-table tbody tr td.debit-status {
  color: #ef4b4b;
}

@media only screen and (max-width: 767px) {
  .j3u-table-wrapper {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    display: block;
    white-space: nowrap;
  }

  .j3u-wallet-history {
    display: inline-block; 
    min-width: 700px;
  }

  .j3u-wallet-history-table {
    width: 100%;
    border-collapse: collapse;
  }
  .container.site-header-container.flex.default-header.j3u-header-wrapper {
    display: none;
  }
}

/* My Wallet Page CSS End */