.elementor-12965 .elementor-element.elementor-element-4f9975b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-12965 .elementor-element.elementor-element-4f9975b:not(.elementor-motion-effects-element-type-background), .elementor-12965 .elementor-element.elementor-element-4f9975b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-12965 .elementor-element.elementor-element-2bcf2ca .elementor-heading-title{font-family:"Montserrat", Sans-serif;color:#FFFFFF;}.elementor-12965 .elementor-element.elementor-element-36ee2764{--display:flex;}.elementor-12965 .elementor-element.elementor-element-36ee2764:not(.elementor-motion-effects-element-type-background), .elementor-12965 .elementor-element.elementor-element-36ee2764 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-12965 .elementor-element.elementor-element-5c7ab53f{background-color:#000000;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 150px) 0px;padding:0px 0px 0px 0px;border-radius:20px 20px 20px 20px;}/* Start custom CSS for text-editor, class: .elementor-element-5c7ab53f */@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

:root {
  --text-color: #f5f5f5 !important;
  --text-color-light: #a0a0a0 !important;
  --border-color: #1a1a1a !important;
  --bg-color-red: #ba0000 !important;
  --bg-color-dark: #1a1a1a !important;
  --bg-color-black: #000000 !important;
  --bg-color-white: #ffffff !important;
  --highlight-color: #c91010 !important;
  --tab-gradient: linear-gradient(90deg, #2b2b2b, #1a1a1a) !important;
  --font-family: 'Poppins', sans-serif !important;
}

.wlr-myaccount-page {
  background-color: var(--bg-color-black) !important;
  color: var(--text-color) !important;
  font-family: var(--font-family) !important;
  padding: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  transition: all 0.3s ease-in-out !important;
  overflow-x: hidden !important;
}

.wlr-heading {
  color: var(--highlight-color) !important;
  border-left: 3px solid var(--highlight-color) !important;
  padding-left: 10px !important;
  font-size: 1.25rem !important;
}

.wlr-myaccount-page .wlr-card,
.wlr-myaccount-page .wlr-reward-card,
.wlr-myaccount-page .wlr-coupon-card {
  background-color: #121212 !important;
  color: var(--text-color) !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 12px rgba(255, 255, 255, 0.03) !important;
  padding: 12px !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  border: none !important;
}

.wlr-myaccount-page .wlr-card:hover,
.wlr-myaccount-page .wlr-reward-card:hover,
.wlr-myaccount-page .wlr-coupon-card:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 0 10px var(--highlight-color) !important;
}

.wlr-myaccount-page .wlr-text-color,
.wlr-myaccount-page .wlr-discount-point,
.wlr-myaccount-page .wlr-description {
  color: var(--text-color) !important;
}

.wlr-border-color {
  background-color: var(--bg-color-dark) !important;
  border-radius: 8px !important;
  padding: 12px !important;
  border: none !important;
}

.wlr-myaccount-page select,
.wlr-myaccount-page input,
.wlr-myaccount-page .wlr-code {
  width: 100% !important;
  background-color: var(--bg-color-dark) !important;
  color: var(--text-color) !important;
  border: 1px solid var(--highlight-color) !important;
  border-radius: 6px !important;
  padding: 10px !important;
  font-size: 1rem !important;
  box-sizing: border-box !important;
}

.wlr-myaccount-page .wlr-button,
.wlr-myaccount-page .wlr-update-birthday,
.wlr-myaccount-page .wlr-button-reward,
.wlr-myaccount-page .wlr-button-reward-apply {
  width: 100% !important;
  background-color: var(--highlight-color) !important;
  color: var(--bg-color-white) !important;
  border-radius: 8px !important;
  padding: 12px !important;
  font-weight: bold !important;
  transition: background-color 0.3s ease !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}

.wlr-myaccount-page .wlr-button:hover {
  background-color: #9f0000 !important;
}

.wlr-myaccount-page .wlr-my-rewards-title,
.wlr-myaccount-page .wlr-rewards-title,
.wlr-myaccount-page .wlr-coupons-title,
.wlr-myaccount-page .wlr-coupons-expired-title {
  background: var(--tab-gradient) !important;
  color: var(--text-color) !important;
  border-radius: 6px !important;
  padding: 12px !important;
  font-weight: 600 !important;
  width: 100% !important;
  text-align: center !important;
  transition: all 0.3s ease !important;
  border: none !important;
}

.wlr-myaccount-page .wlr-rewards-title.active,
.wlr-myaccount-page .wlr-coupons-title.active,
.wlr-myaccount-page .wlr-coupons-expired-title.active {
  background: linear-gradient(90deg, #ba0000, #6b0000) !important;
  color: var(--bg-color-white) !important;
}

.wlr-myaccount-page .wlr-customer-reward,
.wlr-myaccount-page .wlr-campaign-container,
.wlr-myaccount-page .wlr-coupons-list,
.wlr-myaccount-page .wlr-my-rewards-sections {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

.wlr-myaccount-page .wlr-norecords-container {
  background-color: #101010 !important;
  border: 1px solid var(--border-color) !important;
  border-radius: 10px !important;
  padding: 20px !important;
  color: var(--text-color-light) !important;
  text-align: center !important;
}

@media only screen and (min-width: 768px) {
  .wlr-myaccount-page .wlr-customer-reward,
  .wlr-myaccount-page .wlr-campaign-container {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }

  .wlr-myaccount-page .wlr-card,
  .wlr-myaccount-page .wlr-reward-card,
  .wlr-myaccount-page .wlr-coupon-card {
    width: calc(50% - 16px) !important;
  }
}

.wlr-myaccount-page .wlr-transaction-blog {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

.wlr-myaccount-page table {
  width: 100% !important;
  min-width: 700px !important;
  border-collapse: collapse !important;
  table-layout: auto !important;
}

.wlr-myaccount-page table td,
.wlr-myaccount-page table th {
  white-space: normal !important;
  padding: 8px !important;
  text-align: left !important;
}/* End custom CSS */