@import '_content/Zeal.Razor.Ui/Zeal.Razor.Ui.x4f4y56tld.bundle.scp.css';

/* _content/Zeal.Blazor.Web.Server/Components/Layout/MainLayout.razor.rz.scp.css */
/*#region LOCAL VARIABLES*/
/* HEIGHT SHOULD COVER SLIGHTLY MORE THAN THE TOP HALF */
/* EXTENDED HEIGHT TO REMOVE ANY TOP GAP */
/* ANGLE SETTINGS (RIGHT SIDE LOWER FOR ORIGINAL DIAGONAL) */
/*#endregion LOCAL VARIABLES*/
/* PAGE WRAPPER THAT CENTERS CHILDREN */
.zeal-main-content-page[b-9m82p4wr8d] {
  display: flex;
  align-items: start; /* VERTICAL ALIGN */
  justify-content: center; /* HORIZONTAL ALIGN */
  background: var(--zeal-bg);
  position: relative; /* ESTABLISH CONTAINING BLOCK FOR Z-INDEX */
  overflow: hidden; /* HIDE ANY BACKGROUND OVERFLOW */
  padding-top: 2vh;
}
@media only screen and (max-width: 640px) {
  .zeal-main-content-page[b-9m82p4wr8d] {
    padding-top: 0.75vh;
  }
}

/*GREY CARD THAT SITS OVER TOP OF THE WAVES*/
.zeal-content-card[b-9m82p4wr8d] {
  position: relative;
  width: 92vw;
  border-radius: 5px;
  background-color: #eeeeee !important;
  border: 1px solid #eeeeee;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45), 0 2px 0 rgba(255, 255, 255, 0.02) inset;
  padding: 1vw;
  z-index: 3;
  margin-bottom: 56px;
  min-height: 100vh;
}
@media only screen and (max-width: 768px) {
  .zeal-content-card[b-9m82p4wr8d] {
    min-width: 95vw;
  }
}
@media only screen and (max-width: 640px) {
  .zeal-content-card[b-9m82p4wr8d] {
    min-width: 98vw;
    padding-top: 1.5vh;
  }
}

/*#region WAVES*/
/* PAGE CONTAINER ABOVE WAVES */
.zeal-content-page[b-9m82p4wr8d] {
  background: transparent !important;
  position: relative;
  min-height: 100vh;
  z-index: 2;
}

/* FULLSCREEN WAVE CONTAINER */
.zt-waves[b-9m82p4wr8d] {
  position: fixed;
  top: -80vh; /* MOVES THE WAVES UP AND DOWN THE SCREEN */
  left: 0;
  width: 100%;
  height: 160vh;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.25);
  /* ANGLED BOTTOM EDGE LIKE ORIGINAL */
  clip-path: polygon(0 0, 100% 0, 100% 75%, 0 90%);
}
@media only screen and (max-width: 1024px) {
  .zt-waves[b-9m82p4wr8d] {
    height: 150vh;
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0 87%);
  }
}

/* EACH WAVE LAYER FULLY FILLS CONTAINER */
.wave-layer[b-9m82p4wr8d] {
  position: absolute;
  inset: 0;
  mix-blend-mode: screen;
  filter: saturate(115%) contrast(105%);
}
.wave-layer.w-gold-1[b-9m82p4wr8d] {
  opacity: 0.9;
}
.wave-layer.w-gray-1[b-9m82p4wr8d] {
  opacity: 0.6;
}
.wave-layer.w-gold-2[b-9m82p4wr8d] {
  opacity: 0.55;
}
.wave-layer.w-gray-2[b-9m82p4wr8d] {
  opacity: 0.45;
}

/* SVG: STRETCH HIGHER AND RAISE TO FILL TOP AREA */
.wave-svg[b-9m82p4wr8d] {
  position: absolute;
  left: 0;
  top: -15%; /* LIFT THE SVG SHAPES HIGHER VISUALLY */
  width: 220%; /* KEEP SEAMLESS ANIMATION WIDTH */
  height: 130%; /* MAKE WAVES TALLER TO FILL THE SCREEN */
}
@media only screen and (max-width: 1024px) {
  .wave-svg[b-9m82p4wr8d] {
    width: 325%;
    height: 140%;
  }
}
@media only screen and (max-width: 640px) {
  .wave-svg[b-9m82p4wr8d] {
    width: 350%;
    height: 140%;
  }
}
@media only screen and (max-width: 480px) {
  .wave-svg[b-9m82p4wr8d] {
    width: 400%;
    height: 140%;
  }
}
@media only screen and (max-width: 360px) {
  .wave-svg[b-9m82p4wr8d] {
    width: 900%;
    height: 150%;
  }
}

/* WAVE SLIDE ANIMATION */
@keyframes wave-slide-b-9m82p4wr8d {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
/* DIFFERENT SPEEDS FOR PARALLAX DEPTH */
.w-gold-1 .wave-svg[b-9m82p4wr8d] {
  animation: wave-slide-b-9m82p4wr8d 40s linear infinite;
}

.w-gray-1 .wave-svg[b-9m82p4wr8d] {
  animation: wave-slide-b-9m82p4wr8d 32s linear infinite reverse;
}

.w-gold-2 .wave-svg[b-9m82p4wr8d] {
  animation: wave-slide-b-9m82p4wr8d 22s linear infinite;
}

.w-gray-2 .wave-svg[b-9m82p4wr8d] {
  animation: wave-slide-b-9m82p4wr8d 28s linear infinite reverse;
}

/*#endregion WAVES*/
/* _content/Zeal.Blazor.Web.Server/Components/Layout/WaveLayout.razor.rz.scp.css */
/* ============================================
  CENTERED CONTAINER
  ============================================ */
/* RESET FULL-HEIGHT LAYOUT SO FLEX CENTERING WORKS */
html[b-qjvmjmcs4m], body[b-qjvmjmcs4m] {
  /* ENSURE THE PAGE CAN FILL THE VIEWPORT */
  height: 100%;
  /* REMOVE DEFAULT MARGINS THAT CAN OFFSET CENTERING */
  margin: 0;
}

/* ROOT COLOR TOKENS FOR BLACK/GOLD THEME */
:root[b-qjvmjmcs4m] {
  /* BRAND COLORS */
  --zeal-bg: #000000; /* PURE BLACK BACKDROP */
  --zeal-gold: #d4af37; /* PRIMARY GOLD */
  --zeal-gold-2: #b88900; /* SECONDARY GOLD (DEEPER) */
  --zeal-card: #0e0e0e; /* NEAR-BLACK CARD */
  --zeal-card-border: #1f1f1f; /* SUBTLE BORDER */
  --zeal-text: #eaeaea; /* HIGH-CONTRAST TEXT */
}

/* PAGE WRAPPER THAT CENTERS CHILDREN */
.zeal-content-page[b-qjvmjmcs4m] {
  /* FULL-VIEWPORT FLEX BOX */
  min-height: 100%;
  display: flex;
  align-items: center; /* VERTICAL CENTER */
  justify-content: center; /* HORIZONTAL CENTER */
  background: var(--zeal-bg);
  position: relative; /* ESTABLISH CONTAINING BLOCK FOR Z-INDEX */
  overflow: hidden; /* HIDE ANY BACKGROUND OVERFLOW */
}

/* CARD THAT HOSTS YOUR RAZOR UI */
.zeal-content-card[b-qjvmjmcs4m] {
  /* RESPONSIVE, MAX-WIDTH BASED ON VIEWPORT */
  width: min(92vw, 520px);
  border-radius: 16px;
  background-color: #ffffff;
  border: 1px solid #999999;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45), 0 2px 0 rgba(255, 255, 255, 0.02) inset;
  color: var(--zeal-text);
  padding: clamp(20px, 4vw, 32px);
  z-index: 1; /* KEEP CARD ABOVE THE LAVA BACKGROUND */
}

/* OPTIONAL: MAKE FORM ELEMENTS LOOK CRISP ON DARK */
.zeal-content-card input[b-qjvmjmcs4m],
.zeal-content-card button[b-qjvmjmcs4m] {
  font: inherit;
}

/* ============================================
   ZT-WAVES: FULL-TOP COVER, RAISED POSITION, ANGLED CUT
   ============================================ */
/* HEIGHT SHOULD COVER SLIGHTLY MORE THAN THE TOP HALF */
/* EXTENDED HEIGHT TO REMOVE ANY TOP GAP */
/* ANGLE SETTINGS (RIGHT SIDE LOWER FOR ORIGINAL DIAGONAL) */
/* PAGE CONTAINER ABOVE WAVES */
.zeal-content-page[b-qjvmjmcs4m] {
  background: transparent !important;
  position: relative;
  min-height: 100vh;
  z-index: 2;
}

/* FULLSCREEN WAVE CONTAINER */
.zt-waves[b-qjvmjmcs4m] {
  position: fixed;
  top: -80vh; /* MOVES THE WAVES UP AND DOWN THE SCREEN */
  left: 0;
  width: 100%;
  height: 160vh;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.25);
  /* ANGLED BOTTOM EDGE LIKE ORIGINAL */
  clip-path: polygon(0 0, 100% 0, 100% 75%, 0 90%);
}
@media only screen and (max-width: 1024px) {
  .zt-waves[b-qjvmjmcs4m] {
    height: 150vh;
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0 87%);
  }
}

/* EACH WAVE LAYER FULLY FILLS CONTAINER */
.wave-layer[b-qjvmjmcs4m] {
  position: absolute;
  inset: 0;
  mix-blend-mode: screen;
  filter: saturate(115%) contrast(105%);
}
.wave-layer.w-gold-1[b-qjvmjmcs4m] {
  opacity: 0.9;
}
.wave-layer.w-gray-1[b-qjvmjmcs4m] {
  opacity: 0.6;
}
.wave-layer.w-gold-2[b-qjvmjmcs4m] {
  opacity: 0.55;
}
.wave-layer.w-gray-2[b-qjvmjmcs4m] {
  opacity: 0.45;
}

/* SVG: STRETCH HIGHER AND RAISE TO FILL TOP AREA */
.wave-svg[b-qjvmjmcs4m] {
  position: absolute;
  left: 0;
  top: -15%; /* LIFT THE SVG SHAPES HIGHER VISUALLY */
  width: 220%; /* KEEP SEAMLESS ANIMATION WIDTH */
  height: 130%; /* MAKE WAVES TALLER TO FILL THE SCREEN */
}
@media only screen and (max-width: 1024px) {
  .wave-svg[b-qjvmjmcs4m] {
    width: 325%;
    height: 140%;
  }
}
@media only screen and (max-width: 640px) {
  .wave-svg[b-qjvmjmcs4m] {
    width: 350%;
    height: 140%;
  }
}
@media only screen and (max-width: 480px) {
  .wave-svg[b-qjvmjmcs4m] {
    width: 400%;
    height: 140%;
  }
}
@media only screen and (max-width: 360px) {
  .wave-svg[b-qjvmjmcs4m] {
    width: 900%;
    height: 150%;
  }
}

/* WAVE SLIDE ANIMATION */
@keyframes wave-slide-b-qjvmjmcs4m {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
/* DIFFERENT SPEEDS FOR PARALLAX DEPTH */
.w-gold-1 .wave-svg[b-qjvmjmcs4m] {
  animation: wave-slide-b-qjvmjmcs4m 40s linear infinite;
}

.w-gray-1 .wave-svg[b-qjvmjmcs4m] {
  animation: wave-slide-b-qjvmjmcs4m 32s linear infinite reverse;
}

.w-gold-2 .wave-svg[b-qjvmjmcs4m] {
  animation: wave-slide-b-qjvmjmcs4m 22s linear infinite;
}

.w-gray-2 .wave-svg[b-qjvmjmcs4m] {
  animation: wave-slide-b-qjvmjmcs4m 28s linear infinite reverse;
}

/* CARD ABOVE WAVES */
.zeal-content-card[b-qjvmjmcs4m] {
  z-index: 3;
  position: relative;
}
/* _content/Zeal.Blazor.Web.Server/Components/Pages/Admin/ChargeConnectedAccount.razor.rz.scp.css */
/* _content/Zeal.Blazor.Web.Server/Components/Pages/Home.razor.rz.scp.css */
/*#region VARIABLES*/
/*#endregion VARIABLES*/
/*#region FONTS*/
@font-face {
  font-family: "WhitneySSmBold";
  src: url("/css/fonts/Whitney-Bold.woff2") format("woff2"), url("/css/fonts/Whitney-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 900;
  src: url("/css/fonts/fa-solid-900.woff2") format("woff2");
}
/*#endregion FONTS*/
/*#region HTML ELEMENTS*/
h2[b-1l0ez5iyw1] {
  font-family: WhitneySSmBold;
  font-size: 32pt;
}
@media only screen and (max-width: 1024px) {
  h2[b-1l0ez5iyw1] {
    font-size: 19pt;
  }
}
@media only screen and (max-width: 640px) {
  h2[b-1l0ez5iyw1] {
    font-size: 18pt;
  }
}
@media only screen and (max-width: 480px) {
  h2[b-1l0ez5iyw1] {
    font-size: 21pt;
  }
}
@media only screen and (max-width: 320px) {
  h2[b-1l0ez5iyw1] {
    font-size: 18pt;
  }
}

ul[b-1l0ez5iyw1] {
  list-style: none;
  padding-top: 0;
  padding-left: 15px;
  margin-top: 0;
  text-align: left;
}
@media only screen and (max-width: 1024px) {
  ul[b-1l0ez5iyw1] {
    padding-left: 8.5px;
  }
}
@media only screen and (max-width: 640px) {
  ul[b-1l0ez5iyw1] {
    padding-left: 10.5px;
  }
}
ul li[b-1l0ez5iyw1] {
  position: relative;
  padding-left: 1.5em;
  font-size: 17pt;
}
@media only screen and (max-width: 1440px) {
  ul li[b-1l0ez5iyw1] {
    font-size: 17pt;
  }
}
@media only screen and (max-width: 1280px) {
  ul li[b-1l0ez5iyw1] {
    font-size: 16pt;
  }
}
@media only screen and (max-width: 1024px) {
  ul li[b-1l0ez5iyw1] {
    font-size: 13pt;
  }
}
@media only screen and (max-width: 768px) {
  ul li[b-1l0ez5iyw1] {
    font-size: 11.5pt;
  }
}
@media only screen and (max-width: 640px) {
  ul li[b-1l0ez5iyw1] {
    font-size: 11pt;
  }
}
ul li[b-1l0ez5iyw1]::before {
  content: "\f058";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 0;
  color: gold;
}

/*#endregion HTML ELEMENTS*/
/*#region DOUBLE SECTIONS */
.section[b-1l0ez5iyw1] {
  position: relative;
  height: 100vh;
  display: flex; /* FLEXBOX FOR ALIGNMENT */
  align-items: center; /* VERTICALLY CENTER CONTENT */
  justify-content: center; /* HORIZONTALLY CENTER SECTION CONTENT */
}
@media only screen and (max-width: 1280px) {
  .section[b-1l0ez5iyw1] {
    height: 100vh;
  }
}
@media only screen and (max-width: 1024px) {
  .section[b-1l0ez5iyw1] {
    height: 75vh;
  }
}
@media only screen and (max-width: 720px) {
  .section[b-1l0ez5iyw1] {
    height: 50vh;
  }
}
@media only screen and (max-width: 640px) {
  .section[b-1l0ez5iyw1] {
    height: auto;
    display: grid;
    text-align: left;
  }
}

/* MAIN CONTENT AREA WITH LEFT AND RIGHT PANES */
.section-content[b-1l0ez5iyw1] {
  position: relative; /* NEW: ESTABLISH STACKING CONTEXT ABOVE WAVES */
  z-index: 2; /* CONTENT ABOVE WAVES */
  display: flex; /* PLACE LEFT/RIGHT SIDE BY SIDE */
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 640px) {
  .section-content[b-1l0ez5iyw1] {
    flex-direction: column;
    text-align: left;
  }
}

/* CONTENT COLUMNS */
.section-content-col[b-1l0ez5iyw1] {
  flex: 1; /* TAKE UP HALF OF THE SPACE */
  display: flex;
  flex-direction: column;
  justify-content: center; /* CENTER CONTENT VERTICALLY */
  align-items: flex-start; /* ALIGN LEFT */
  padding: 4rem; /* ADD SOME SPACING */
  box-sizing: border-box;
  text-align: left;
  overflow: hidden;
}
.section-content-col img[b-1l0ez5iyw1] {
  max-width: 100%;
  max-height: 95%;
  height: auto;
}
@media only screen and (max-width: 1024px) {
  .section-content-col[b-1l0ez5iyw1] {
    padding: 3rem;
  }
}
@media only screen and (max-width: 768px) {
  .section-content-col[b-1l0ez5iyw1] {
    padding: 2.2rem;
  }
}
@media only screen and (max-width: 640px) {
  .section-content-col[b-1l0ez5iyw1] {
    width: 100%;
    flex: none; /* REMOVE FLEX GROW TO STACK CLEANLY */
    padding: 1rem 2rem 1rem 2rem;
    align-items: flex-start;
    text-align: left; /* ALIGN TEXT LEFT */
  }
  .section-content-col:first-child[b-1l0ez5iyw1] {
    order: 1;
    padding-top: 5vh;
    padding-bottom: 0;
  }
  .section-content-col:last-child[b-1l0ez5iyw1] {
    order: 2;
    padding-top: 0;
    padding-bottom: 5vh;
  }
  .reverse-section .section-content-col:first-child[b-1l0ez5iyw1] {
    padding-top: 0;
    padding-bottom: 5vh;
    order: 2;
  }
  .reverse-section .section-content-col:last-child[b-1l0ez5iyw1] {
    padding-top: 5vh;
    padding-bottom: 0;
    order: 1;
  }
}

/*#endregion SECTIONS*/
/*#region FULL WIDTH SECTION*/
.section-full[b-1l0ez5iyw1] {
  position: relative;
  min-height: 100vh;
  width: 100%;
  color: #ffffff;
  transition: background-image 1s ease-in-out;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .section-full[b-1l0ez5iyw1] {
    min-height: 50vh;
  }
}

.full-backdrop[b-1l0ez5iyw1] {
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(90, 90, 90, 0.82);
  z-index: 1; /* PLACE BELOW CONTENT */
}

.section-full-content[b-1l0ez5iyw1] {
  position: relative;
  display: inline-block;
  text-align: left;
  z-index: 999;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.8);
  padding: 2rem;
}

/*#endregion FULL WIDTH */
/*#region SECTION COLORS*/
.dark-section[b-1l0ez5iyw1] {
  background-color: #333333;
  color: #ffffff;
}

.tiffany-section[b-1l0ez5iyw1] {
  background-color: rgb(241, 250, 255);
  color: #222222;
}

.white-section[b-1l0ez5iyw1] {
  background-color: #fafafa;
  color: #222222;
}

/*#endregion SECTION COLORS*/
/*#region HERO SECTION*/
.hero-section .section-content .section-content-col img[b-1l0ez5iyw1] {
  max-width: 100%;
  max-height: 100%;
  height: auto;
}
.hero-section .section-content .section-content-col .hero-intro[b-1l0ez5iyw1] {
  margin-top: 15px;
  padding-left: 25px;
  font-weight: bolder;
}
@media only screen and (max-width: 640px) {
  .hero-section .section-content .section-content-col .hero-intro[b-1l0ez5iyw1] {
    padding-left: 15px;
  }
}
.hero-section .section-content .section-content-col .hero-buttons[b-1l0ez5iyw1] {
  padding-left: 25px;
}
@media only screen and (max-width: 640px) {
  .hero-section .section-content .section-content-col .hero-buttons[b-1l0ez5iyw1] {
    padding-left: 15px;
  }
}

/*#endregion HERO SECTION*/
/*#region DOCUMENTS SECTION*/
.document-section[b-1l0ez5iyw1] {
  background-image: url("/images/home/Documents1024.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.75);
  background-blend-mode: multiply;
  margin-bottom: 60px;
}
/*#endregion DOCUMENTS SECTION*/
/*#region WAVES*/
.zt-waves[b-1l0ez5iyw1] {
  position: absolute;
  top: 0;
  inset: 0; /* fill .waves-host completely */
  width: 100%;
  height: 39vh; /* key: follow host height */
  overflow: hidden;
  z-index: 0;
  pointer-events: none;
  clip-path: polygon(0 0, 100% 0, 100% 40%, 0 75%);
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.25);
  opacity: 0.3;
  /*border: 3px red green;*/
}
@media only screen and (max-width: 1440px) and (orientation: landscape) {
  .zt-waves[b-1l0ez5iyw1] {
    height: 50vh;
  }
}
@media only screen and (max-width: 1280px) and (orientation: landscape) {
  .zt-waves[b-1l0ez5iyw1] {
    height: 47vh;
  }
}
@media only screen and (max-width: 1024px) and (orientation: portrait) {
  .zt-waves[b-1l0ez5iyw1] {
    height: 25vh;
  }
}
@media only screen and (max-width: 1024px) and (orientation: landscape) {
  .zt-waves[b-1l0ez5iyw1] {
    height: 25vh;
  }
}
@media only screen and (max-width: 640px) {
  .zt-waves[b-1l0ez5iyw1] {
    height: 19vh;
  }
}

.wave-layer[b-1l0ez5iyw1] {
  position: absolute;
  inset: 0;
  mix-blend-mode: screen;
  filter: saturate(160%) contrast(125%);
  top: -26vh;
}
@media only screen and (max-width: 1440px) and (orientation: landscape) {
  .wave-layer[b-1l0ez5iyw1] {
    top: -28vh;
  }
}
@media only screen and (max-width: 1280px) and (orientation: landscape) {
  .wave-layer[b-1l0ez5iyw1] {
    top: -28vh;
  }
}
@media only screen and (max-width: 1024px) and (orientation: portrait) {
  .wave-layer[b-1l0ez5iyw1] {
    top: -15vh;
  }
}
@media only screen and (max-width: 1024px) and (orientation: landscape) {
  .wave-layer[b-1l0ez5iyw1] {
    top: -17vh;
  }
}
@media only screen and (max-width: 640px) {
  .wave-layer[b-1l0ez5iyw1] {
    top: -12vh;
  }
}
.wave-layer.w-gold-1[b-1l0ez5iyw1] {
  opacity: 0.99;
}
.wave-layer.w-gray-1[b-1l0ez5iyw1] {
  opacity: 0.6;
}
.wave-layer.w-gold-2[b-1l0ez5iyw1] {
  opacity: 0.75;
}
.wave-layer.w-gray-2[b-1l0ez5iyw1] {
  opacity: 0.45;
}

.wave-svg[b-1l0ez5iyw1] {
  position: absolute;
  top: 0;
  left: 0;
  width: 330%; /* wide so the slide can loop */
  height: 90%; /* slight vertical overscan */
}

/* motion */
@keyframes wave-slide-b-1l0ez5iyw1 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.w-gold-1 .wave-svg[b-1l0ez5iyw1] {
  animation: wave-slide-b-1l0ez5iyw1 33s linear infinite;
}

.w-gray-1 .wave-svg[b-1l0ez5iyw1] {
  animation: wave-slide-b-1l0ez5iyw1 22s linear infinite reverse;
}

.w-gold-2 .wave-svg[b-1l0ez5iyw1] {
  animation: wave-slide-b-1l0ez5iyw1 14s linear infinite;
}

.w-gray-2 .wave-svg[b-1l0ez5iyw1] {
  animation: wave-slide-b-1l0ez5iyw1 18s linear infinite reverse;
}

/*#endregion WAVES*/
/* _content/Zeal.Blazor.Web.Server/Components/Pages/Landing.razor.rz.scp.css */
/* ============================================
  CENTERED CONTAINER
  ============================================ */
/* RESET FULL-HEIGHT LAYOUT SO FLEX CENTERING WORKS */
html[b-be6qfiy5r2], body[b-be6qfiy5r2] {
  /* ENSURE THE PAGE CAN FILL THE VIEWPORT */
  height: 100%;
  /* REMOVE DEFAULT MARGINS THAT CAN OFFSET CENTERING */
  margin: 0;
}

/* ROOT COLOR TOKENS FOR BLACK/GOLD THEME */
:root[b-be6qfiy5r2] {
  /* BRAND COLORS */
  --zeal-bg: #000000; /* PURE BLACK BACKDROP */
  --zeal-gold: #d4af37; /* PRIMARY GOLD */
  --zeal-gold-2: #b88900; /* SECONDARY GOLD (DEEPER) */
  --zeal-card: #0e0e0e; /* NEAR-BLACK CARD */
  --zeal-card-border: #1f1f1f; /* SUBTLE BORDER */
  --zeal-text: #eaeaea; /* HIGH-CONTRAST TEXT */
}

/* PAGE WRAPPER THAT CENTERS CHILDREN */
.zeal-content-page[b-be6qfiy5r2] {
  /* FULL-VIEWPORT FLEX BOX */
  min-height: 100%;
  display: flex;
  align-items: center; /* VERTICAL CENTER */
  justify-content: center; /* HORIZONTAL CENTER */
  background: var(--zeal-bg);
  position: relative; /* ESTABLISH CONTAINING BLOCK FOR Z-INDEX */
  overflow: hidden; /* HIDE ANY BACKGROUND OVERFLOW */
}

/* CARD THAT HOSTS YOUR RAZOR UI */
.zeal-content-card[b-be6qfiy5r2] {
  /* RESPONSIVE, MAX-WIDTH BASED ON VIEWPORT */
  width: min(92vw, 520px);
  color: var(--zeal-text);
  padding: clamp(20px, 4vw, 32px);
  z-index: 1; /* KEEP CARD ABOVE THE LAVA BACKGROUND */
}

/* OPTIONAL: MAKE FORM ELEMENTS LOOK CRISP ON DARK */
.zeal-content-card input[b-be6qfiy5r2],
.zeal-content-card button[b-be6qfiy5r2] {
  font: inherit;
}

/* ============================================
   ZT-WAVES: FULL-TOP COVER, RAISED POSITION, ANGLED CUT
   ============================================ */
/* HEIGHT SHOULD COVER SLIGHTLY MORE THAN THE TOP HALF */
/* EXTENDED HEIGHT TO REMOVE ANY TOP GAP */
/* ANGLE SETTINGS (RIGHT SIDE LOWER FOR ORIGINAL DIAGONAL) */
/* PAGE CONTAINER ABOVE WAVES */
.zeal-content-page[b-be6qfiy5r2] {
  background: transparent !important;
  position: relative;
  min-height: 100vh;
  z-index: 2;
}

/* FULLSCREEN WAVE CONTAINER */
.zt-waves[b-be6qfiy5r2] {
  position: fixed;
  top: -80vh; /* MOVES THE WAVES UP AND DOWN THE SCREEN */
  left: 0;
  width: 100%;
  height: 160vh;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.25);
  /* ANGLED BOTTOM EDGE LIKE ORIGINAL */
  clip-path: polygon(0 0, 100% 0, 100% 75%, 0 90%);
}
@media only screen and (max-width: 1024px) {
  .zt-waves[b-be6qfiy5r2] {
    height: 150vh;
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0 87%);
  }
}

/* EACH WAVE LAYER FULLY FILLS CONTAINER */
.wave-layer[b-be6qfiy5r2] {
  position: absolute;
  inset: 0;
  mix-blend-mode: screen;
  filter: saturate(115%) contrast(105%);
}
.wave-layer.w-gold-1[b-be6qfiy5r2] {
  opacity: 0.9;
}
.wave-layer.w-gray-1[b-be6qfiy5r2] {
  opacity: 0.6;
}
.wave-layer.w-gold-2[b-be6qfiy5r2] {
  opacity: 0.55;
}
.wave-layer.w-gray-2[b-be6qfiy5r2] {
  opacity: 0.45;
}

/* SVG: STRETCH HIGHER AND RAISE TO FILL TOP AREA */
.wave-svg[b-be6qfiy5r2] {
  position: absolute;
  left: 0;
  top: -15%; /* LIFT THE SVG SHAPES HIGHER VISUALLY */
  width: 220%; /* KEEP SEAMLESS ANIMATION WIDTH */
  height: 130%; /* MAKE WAVES TALLER TO FILL THE SCREEN */
}
@media only screen and (max-width: 1024px) {
  .wave-svg[b-be6qfiy5r2] {
    width: 325%;
    height: 140%;
  }
}
@media only screen and (max-width: 640px) {
  .wave-svg[b-be6qfiy5r2] {
    width: 350%;
    height: 140%;
  }
}
@media only screen and (max-width: 480px) {
  .wave-svg[b-be6qfiy5r2] {
    width: 400%;
    height: 140%;
  }
}
@media only screen and (max-width: 360px) {
  .wave-svg[b-be6qfiy5r2] {
    width: 900%;
    height: 150%;
  }
}

/* WAVE SLIDE ANIMATION */
@keyframes wave-slide-b-be6qfiy5r2 {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
/* DIFFERENT SPEEDS FOR PARALLAX DEPTH */
.w-gold-1 .wave-svg[b-be6qfiy5r2] {
  animation: wave-slide-b-be6qfiy5r2 40s linear infinite;
}

.w-gray-1 .wave-svg[b-be6qfiy5r2] {
  animation: wave-slide-b-be6qfiy5r2 32s linear infinite reverse;
}

.w-gold-2 .wave-svg[b-be6qfiy5r2] {
  animation: wave-slide-b-be6qfiy5r2 22s linear infinite;
}

.w-gray-2 .wave-svg[b-be6qfiy5r2] {
  animation: wave-slide-b-be6qfiy5r2 28s linear infinite reverse;
}

/* CARD ABOVE WAVES */
.zeal-content-card[b-be6qfiy5r2] {
  z-index: 3;
  position: relative;
}

/*ZEAL LOGO*/
.zeal-logo[b-be6qfiy5r2] {
  width: 50vw;
}
/* _content/Zeal.Blazor.Web.Server/Components/Pages/Login.razor.rz.scp.css */
/* _content/Zeal.Blazor.Web.Server/Components/Pages/RequiredDocuments/RequiredDocument.razor.rz.scp.css */
/* _content/Zeal.Blazor.Web.Server/Components/Pages/RequiredDocuments/RequiredDocumentSignedPreview.razor.rz.scp.css */
/* _content/Zeal.Blazor.Web.Server/Components/Pages/Users/ChargeCustomer.razor.rz.scp.css */
.profile-pic[b-6lw1kbqj9z] {
  border-radius: 5px;
  height: 150px;
}
/* _content/Zeal.Blazor.Web.Server/Components/Pages/Users/EditProgramMembership.razor.rz.scp.css */
/* _content/Zeal.Blazor.Web.Server/Components/Pages/Users/UserAccounts.razor.rz.scp.css */
.profile-pic[b-35d7pciy2o] {
  border-radius: 5px;
  height: 100px;
  margin-bottom: 10px;
}
/* _content/Zeal.Blazor.Web.Server/Components/Pages/Users/UserEditPhone.razor.rz.scp.css */
/* _content/Zeal.Blazor.Web.Server/Components/Pages/Users/UserHome.razor.rz.scp.css */
@font-face {
  font-family: "WhitneySSmBold";
  src: url("/css/fonts/Whitney-Bold.woff2") format("woff2"), url("/css/fonts/Whitney-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 900;
  src: url("/css/fonts/fa-solid-900.woff2") format("woff2");
}
.programQrCode[b-95d4nwkc0y] {
  border-radius: 5px;
  margin-top: 5px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 20px;
  cursor: pointer;
  background-color: #dddddd;
}
@media only screen and (max-width: 480px) {
  .programQrCode[b-95d4nwkc0y] {
    width: 100%;
    padding: 30px;
  }
}

.programCode[b-95d4nwkc0y] {
  margin-top: 0;
  font-weight: bold;
  text-align: center;
  font-size: 14pt;
}

.doc-section[b-95d4nwkc0y] {
  margin-top: 10px;
  font-size: 12pt;
  font-weight: bold;
}
/* _content/Zeal.Blazor.Web.Server/Components/Shared/NavBar/ZtContextButton.razor.rz.scp.css */
.context-navbar-button[b-g4wspqvyxf] {
  cursor: pointer;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 3px;
  color: #ffffff;
  padding: 5px 10px 5px 10px;
  height: 50px;
  align-content: center;
  align-items: center;
  text-align: center;
  max-width: 55px;
  width: 55px;
}
@media only screen and (max-width: 768px) {
  .context-navbar-button[b-g4wspqvyxf] {
    max-width: 48px;
    width: 48px;
  }
}
.context-navbar-button div:first-of-type[b-g4wspqvyxf] {
  font-size: 13pt;
}
@media only screen and (max-width: 768px) {
  .context-navbar-button div:first-of-type[b-g4wspqvyxf] {
    font-size: 11pt;
  }
}
.context-navbar-button div:last-of-type[b-g4wspqvyxf] {
  font-size: 6.5pt;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .context-navbar-button div:last-of-type[b-g4wspqvyxf] {
    font-size: 6pt;
  }
}
.context-navbar-button:hover[b-g4wspqvyxf] {
  color: #ffcb04;
  opacity: 1;
}
.context-navbar-button:hover div[b-g4wspqvyxf] {
  color: #ffcb04;
}
.context-navbar-button:hover div:first-child[b-g4wspqvyxf] {
  color: #ffcb04;
  transform: scale(1.2);
}

.navbutton-selected[b-g4wspqvyxf] {
  background-color: #08bab5;
}
/* _content/Zeal.Blazor.Web.Server/Components/Shared/NavBar/ZtContextNavbar.razor.rz.scp.css */
.context-navbar[b-7ihfjwev9s] {
  margin-left: 135px;
  display: flex;
  gap: 6px;
}
@media only screen and (max-width: 480px) {
  .context-navbar[b-7ihfjwev9s] {
    display: none;
    visibility: hidden;
  }
}
/* _content/Zeal.Blazor.Web.Server/Components/Shared/NavBar/ZtNavBar.razor.rz.scp.css */
/*#region NAV BAR*/
.navbar[b-iw5flc0o0d] {
  /* NAVBAR CONTAINER */
  position: fixed;
  background-color: #333333;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1pt solid #444444;
  border-bottom: none;
  z-index: 9000;
  display: flex;
  align-items: center; /* CENTER CHILDREN VERTICALLY */
  gap: 14px; /* SPACE BETWEEN MENU, LOGO, ICON CLUSTER, MIN-MAX */
  padding: 10px 16px;
  pointer-events: auto;
  height: 60px;
  /* ======================================================
     CONTEXT ICON CLUSTER (INDEXED ABSOLUTE SLOTS)
     - WIDTH SHRINKS TO 1/2/3 ICONS
     - SLOTS: slot-0 / slot-1 / slot-2
     - ACTIVE CLASS ON WRAPPER: active-0 / active-1 / active-2
     - ANIMATES VIA LEFT
     ====================================================== */
  /* ======================================================
     CONTEXT ICON STRUCTURE (MATCHES YOUR CLASS NAMES)
     ====================================================== */
  /* FORCE THE ACTUAL IMAGE TO THE EXACT ICON SIZE */
  /* HIGH SPECIFICITY TO WIN OVER ANY GLOBAL .profile-icon RULES */
  /* OTHER NAVBAR ELEMENTS */
}
.navbar .nav-items[b-iw5flc0o0d] {
  /* TUNE SIZE + SPACING HERE */
  --icon: 40px; /* ICON DIAMETER (MAKE BIGGER/SMALLER AS NEEDED) */
  --gap: 6px; /* SPACE BETWEEN ICONS */
  --slot: calc(var(--icon) + var(--gap)); /* SLOT WIDTH */
  position: relative; /* ANCHOR FOR ABSOLUTE CHILDREN */
  display: block; /* AVOID FLEX SHRINKING IN ROW */
  height: var(--icon); /* HELPS VERTICAL CENTERING */
  /* WRAPPER WIDTH DEPENDS ON HOW MANY ICONS RENDER */
  /* EACH ICON ROOT = ABSOLUTE "CAR" THAT SLIDES BETWEEN SLOTS */
  /* BASE SLOT POSITIONS */
  /* ===== REORDER ON ACTIVE ===== */
  /* 3 ICONS */
  /* active-2 = ALREADY RIGHT-MOST */
  /* 2 ICONS */
  /* active-1 = ALREADY RIGHT-MOST */
}
.navbar .nav-items.items-1[b-iw5flc0o0d] {
  width: calc(1 * var(--slot));
}
.navbar .nav-items.items-2[b-iw5flc0o0d] {
  width: calc(2 * var(--slot));
}
.navbar .nav-items.items-3[b-iw5flc0o0d] {
  width: calc(3 * var(--slot));
}
.navbar .nav-items .nav-item[b-iw5flc0o0d] {
  position: absolute;
  top: 50%;
  width: var(--icon);
  height: var(--icon);
  transform: translateY(-50%); /* PERFECT VERTICAL CENTER */
  transition: left 0.35s cubic-bezier(0.16, 1, 0.3, 1); /* SLIDE ANIMATION */
  will-change: left;
}
.navbar .nav-items .slot-0[b-iw5flc0o0d] {
  left: calc(0 * var(--slot));
}
.navbar .nav-items .slot-1[b-iw5flc0o0d] {
  left: calc(1 * var(--slot));
}
.navbar .nav-items .slot-2[b-iw5flc0o0d] {
  left: calc(2 * var(--slot));
}
.navbar .nav-items.items-3.active-0 .slot-0[b-iw5flc0o0d] {
  left: calc(2 * var(--slot));
}
.navbar .nav-items.items-3.active-0 .slot-1[b-iw5flc0o0d] {
  left: calc(1 * var(--slot));
}
.navbar .nav-items.items-3.active-0 .slot-2[b-iw5flc0o0d] {
  left: 0;
}
.navbar .nav-items.items-3.active-1 .slot-0[b-iw5flc0o0d] {
  left: 0;
}
.navbar .nav-items.items-3.active-1 .slot-1[b-iw5flc0o0d] {
  left: calc(2 * var(--slot));
}
.navbar .nav-items.items-3.active-1 .slot-2[b-iw5flc0o0d] {
  left: calc(1 * var(--slot));
}
.navbar .nav-items.items-2.active-0 .slot-0[b-iw5flc0o0d] {
  left: calc(1 * var(--slot));
}
.navbar .nav-items.items-2.active-0 .slot-1[b-iw5flc0o0d] {
  left: 0;
}
.navbar .context-icon-container[b-iw5flc0o0d] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0; /* NO EXTRA PADDING THAT WOULD OFF-CENTER */
  cursor: pointer;
  height: var(--icon); /* MATCH SLOT HEIGHT */
}
.navbar .context-icon-pic[b-iw5flc0o0d] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--icon);
  height: var(--icon);
}
.navbar .nav-items .context-icon-pic img[b-iw5flc0o0d],
.navbar .nav-items .profile-icon[b-iw5flc0o0d] {
  width: var(--icon) !important; /* KEEP ROUND + CRISP */
  height: var(--icon) !important;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  box-sizing: border-box;
}
.navbar .context-details[b-iw5flc0o0d] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #ffffff;
  font-size: 8.5pt;
}
@media only screen and (max-width: 320px) {
  .navbar .context-details[b-iw5flc0o0d] {
    display: none;
    visibility: hidden;
  }
}
.navbar .context-details div[b-iw5flc0o0d] {
  line-height: 1.2;
  width: 135px;
  text-overflow: ellipsis;
  overflow: hidden;
  text-wrap: nowrap;
}
.navbar .context-details span[b-iw5flc0o0d] {
  margin-right: 4px;
}
.navbar .menu-icon[b-iw5flc0o0d] {
  font-size: 19pt;
  color: #ffffff;
  cursor: pointer;
  transition: color 0.2s ease;
  width: 26px;
}
.navbar .menu-icon:hover[b-iw5flc0o0d] {
  color: #ffcb04;
}
.navbar .min-max[b-iw5flc0o0d] {
  font-size: 19pt;
  color: #ffffff;
  cursor: pointer;
  transition: color 0.2s ease;
  margin-left: auto; /* PIN TO FAR RIGHT */
}
.navbar .min-max:hover[b-iw5flc0o0d] {
  color: #ffcb04;
}
.navbar .zeal-icon[b-iw5flc0o0d] {
  height: 40px;
  border-radius: 0;
}
@media only screen and (max-width: 768px) {
  .navbar .zeal-icon[b-iw5flc0o0d] {
    display: none;
    visibility: hidden;
  }
}
@media only screen and (max-width: 480px) {
  .navbar .zeal-logo[b-iw5flc0o0d] {
    visibility: hidden;
    display: none;
  }
}

/* REDUCED-MOTION USERS */
@media (prefers-reduced-motion: reduce) {
  .navbar .nav-items .nav-item[b-iw5flc0o0d] {
    transition: none;
  }
}
/*#endregion NAV BAR*/
/*#region NAVIGATION MENU*/
/* HIDDEN BY DEFAULT */
.navmenu[b-iw5flc0o0d] {
  /* POSITION ABOVE PAGE, STOP AT NAVBAR */
  position: fixed;
  top: 0;
  right: 0;
  bottom: 56px;
  left: 0;
  display: flex;
  flex-wrap: wrap; /* ALLOW MULTIPLE ROWS OF GROUPS */
  align-items: flex-start; /* ALIGN TO TOP */
  align-content: flex-start;
  justify-content: flex-start; /* LEFT JUSTIFY ALL NAVGROUPS */
  gap: 35px; /* SPACE BETWEEN GROUPS */
  z-index: 2999;
  /* BACKDROP */
  background: rgba(20, 20, 20, 0.92);
  backdrop-filter: blur(6px);
  /* LAYOUT */
  padding: 32px 48px;
  overflow: auto;
  /* CLOSED STATE (DEFAULT) */
  opacity: 0; /* FULLY TRANSPARENT WHEN CLOSED */
  transform: scaleY(0); /* VERTICAL COLLAPSE */
  transform-origin: bottom center; /* GROW UPWARD LIKE START MENU */
  pointer-events: none; /* IGNORE CLICKS WHEN CLOSED */
  visibility: hidden; /* PREVENT TAB-FOCUS WHEN CLOSED */
  /* ANIMATIONS: FADE + SCALE */
  transition: transform 0.36s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.28s ease;
  /* PERFORMANCE HINTS */
  will-change: transform, opacity;
  /* OPEN STATE */
}
.navmenu.open[b-iw5flc0o0d] {
  opacity: 1; /* FADE IN */
  transform: scaleY(1); /* EXPAND */
  pointer-events: auto; /* RE-ENABLE INTERACTION */
  visibility: visible; /* RESTORE FOCUSABILITY */
}

/* RESPECT REDUCED-MOTION PREFERENCE */
@media (prefers-reduced-motion: reduce) {
  .navmenu[b-iw5flc0o0d] {
    transition: none;
    transform: none;
    opacity: 1;
  }
  .navmenu:not(.open)[b-iw5flc0o0d] {
    opacity: 0;
  }
}
/*#endregion NAVIGATION MENU*/
/* _content/Zeal.Blazor.Web.Server/Components/Shared/NavBar/ZtNavButton.razor.rz.scp.css */
/*#region NAVIGATION BUTTON*/
.navbutton[b-ik99mvmiyj] {
  display: flex;
  flex-direction: column; /* ICON ABOVE TEXT */
  align-items: center; /* CENTER HORIZONTALLY */
  justify-content: center; /* CENTER VERTICALLY */
  width: 68px;
  height: 68px;
  margin: 0;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.2);
  opacity: 0.9;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.2s ease;
}
@media only screen and (max-width: 320px) {
  .navbutton[b-ik99mvmiyj] {
    width: 48px !important;
    height: 48px !important;
  }
}
.navbutton div:first-child[b-ik99mvmiyj] {
  font-size: 14pt;
  margin-bottom: 0;
  opacity: 1;
}
@media only screen and (max-width: 320px) {
  .navbutton div:first-child[b-ik99mvmiyj] {
    font-size: 12pt;
  }
}
.navbutton div:last-child[b-ik99mvmiyj] {
  font-size: 7pt;
  font-weight: 500;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 54.6666666667px;
  opacity: 1;
}
@media only screen and (max-width: 320px) {
  .navbutton div:last-child[b-ik99mvmiyj] {
    font-size: 6pt;
    width: 57.3333333333px;
  }
}
.navbutton:hover[b-ik99mvmiyj] {
  color: #ffcb04;
  opacity: 1;
}
.navbutton:hover div[b-ik99mvmiyj] {
  color: #ffcb04;
}
.navbutton:hover div:first-child[b-ik99mvmiyj] {
  color: #ffcb04;
  transform: scale(1.2);
}

.navbutton-selected[b-ik99mvmiyj] {
  background-color: #08bab5;
}

/*#endregion NAVIGATION BUTTON*/
/* _content/Zeal.Blazor.Web.Server/Components/Shared/NavBar/ZtNavGroup.razor.rz.scp.css */
.navgroup[b-z8prusss4m] {
  display: flex;
  flex-direction: column;
  align-items: start;
  text-align: center;
  margin: 20px 0 0 0;
  /* TITLE APPEARS IN THE FIRST DIV*/
  /* BUTTONS APPEAR IN THE SECOND DIV */
}
@media only screen and (max-width: 640px) {
  .navgroup[b-z8prusss4m] {
    width: calc(296px + 2vw) !important;
  }
}
.navgroup div:first-child[b-z8prusss4m] {
  color: #ffffff;
  font-weight: 600;
  font-size: 10pt;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  margin-bottom: 10px;
  overflow: hidden;
  text-wrap: nowrap;
  text-overflow: ellipsis;
}
.navgroup div:last-child[b-z8prusss4m] {
  display: grid;
  justify-content: center; /* CENTER THE GRID BLOCK */
  align-content: start; /* START AT TOP */
  gap: 10px 10px; /* ROW / COLUMN GAPS */
}
@media only screen and (max-width: 640px) {
  .navgroup div:last-child[b-z8prusss4m] {
    grid-template-columns: repeat(4, max-content) !important;
    width: 282px !important;
    justify-content: start;
  }
}
/* _content/Zeal.Blazor.Web.Server/Components/Shared/RequiredDocuments/RequiredDocumentActionItem.razor.rz.scp.css */
.doc-item-container[b-klbdg6n8ln] {
  width: 50vw;
  border: 1pt solid #bbbbbb;
  border-radius: 4px;
  padding: 0;
  margin: 0 0 10px 0;
}
.doc-item-container.success[b-klbdg6n8ln] {
  border: 1pt solid #152c15;
}
.doc-item-container.success .doc-name[b-klbdg6n8ln] {
  background-color: #f7fbf7;
}
@media only screen and (max-width: 1024px) {
  .doc-item-container[b-klbdg6n8ln] {
    width: 60vw;
  }
}
@media only screen and (max-width: 768px) {
  .doc-item-container[b-klbdg6n8ln] {
    width: 70vw;
  }
}
@media only screen and (max-width: 640px) {
  .doc-item-container[b-klbdg6n8ln] {
    width: 85vw;
    font-size: 10pt;
  }
}

.doc-item-container:first-of-type[b-klbdg6n8ln] {
  margin: 10px 0 10px 0;
}

.doc-item-container:last-of-type[b-klbdg6n8ln] {
  margin: 0;
}

.doc-name[b-klbdg6n8ln] {
  background-color: #f4f4f4;
  padding: 5px 0 5px 8px;
  font-weight: bold;
  border-radius: 4px 4px 0 0;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.doc-data-container[b-klbdg6n8ln] {
  padding: 5px 12px;
}

.doc-data[b-klbdg6n8ln] {
  width: 100%;
  margin-bottom: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.doc-buttons[b-klbdg6n8ln] {
  padding: 10px;
  background-color: #f4f4f4;
  color: #282828;
  border-radius: 0 0 4px 4px;
  margin-top: 5px;
}
/* _content/Zeal.Blazor.Web.Server/Components/Shared/RequiredDocuments/RequiredDocumentPreviewAccept.razor.rz.scp.css */
/* _content/Zeal.Blazor.Web.Server/Components/Shared/Stripe/BankAccountActionCard.razor.rz.scp.css */
/* _content/Zeal.Blazor.Web.Server/Components/Shared/Stripe/CreditCardActionCard.razor.rz.scp.css */
/* _content/Zeal.Blazor.Web.Server/Components/Shared/Stripe/DisputeAppealForm.razor.rz.scp.css */
/* _content/Zeal.Blazor.Web.Server/Components/Shared/Stripe/ViewStripeChargeActionCard.razor.rz.scp.css */
/* _content/Zeal.Blazor.Web.Server/Components/Shared/Users/EditConnectedAccountRoleModal.razor.rz.scp.css */
/* _content/Zeal.Blazor.Web.Server/Components/Shared/Users/EditMembershipProgramroleModal.razor.rz.scp.css */
/* _content/Zeal.Blazor.Web.Server/Components/Shared/Users/MemberRankHistoryActionCard.razor.rz.scp.css */
.rank-container[b-x710gebmlf] {
  padding: 0;
  border-radius: 5px;
  border: 1pt, solid, #dddddd;
  margin-bottom: 10px;
}
.rank-container.warning[b-x710gebmlf] {
  border: 1pt, solid, #ffcb04;
}

.rank-title[b-x710gebmlf] {
  background-color: #eeeeee;
  color: #333333;
  padding: 8px 10px;
  font-weight: bolder;
  border-radius: 5px 5px 0 0;
}
.rank-title.warning[b-x710gebmlf] {
  background-color: #ffcb04;
}
@media only screen and (max-width: 480px) {
  .rank-title[b-x710gebmlf] {
    font-size: 11pt;
  }
}

.rank-details-container[b-x710gebmlf] {
  padding: 8px;
}

@media only screen and (max-width: 480px) {
  .rank-details[b-x710gebmlf] {
    font-size: 11pt;
  }
}

.rank-buttons[b-x710gebmlf] {
  padding: 8px;
  background-color: #eeeeee;
  border-radius: 0 0 5px 5px;
}
.rank-buttons.warning[b-x710gebmlf] {
  background-color: #ffcb04;
}
/* _content/Zeal.Blazor.Web.Server/Components/Shared/Users/ProgramAttendanceActionCard.razor.rz.scp.css */
/* _content/Zeal.Blazor.Web.Server/Components/Shared/Users/ProgramMembershipActionCard.razor.rz.scp.css */
[b-fvy6z20ugv] .scrollable-div {
  max-height: 225px; /* FIXED HEIGHT */
  overflow-y: auto; /* ENABLES VERTICAL SCROLLING */
  overflow-x: hidden; /* HIDES HORIZONTAL SCROLLING */
  border: 1px solid #ccc; /* OPTIONAL: ADDS A BORDER FOR VISIBILITY */
  padding: 6px; /* OPTIONAL: ADDS PADDING INSIDE THE DIV */
  border-radius: 5px 0px 0px 5px;
  border: 1pt solid #dddddd;
}
/* _content/Zeal.Blazor.Web.Server/Components/Shared/Users/UserAddressActionCard.razor.rz.scp.css */
/* _content/Zeal.Blazor.Web.Server/Components/Shared/Users/UserInfo.razor.rz.scp.css */
.user-info-container[b-sxcsfqj2jz] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5pt;
}
.user-info-container .user-image[b-sxcsfqj2jz] {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.user-info-container .user-image img[b-sxcsfqj2jz] {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
}
.user-info-container .user-info-details[b-sxcsfqj2jz] {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.user-info-container .user-info-details[b-sxcsfqj2jz]  .zt-content-item {
  gap: 4px;
}
/* _content/Zeal.Blazor.Web.Server/Components/Shared/Users/UserNavigationButtons.razor.rz.scp.css */
/* _content/Zeal.Blazor.Web.Server/Components/Shared/Users/UserPhoneActionCard.razor.rz.scp.css */
/* _content/Zeal.Blazor.Web.Server/Components/Shared/Users/ViewUserActionCard.razor.rz.scp.css */
.user-action-card-header[b-1xem5spbqp] {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
  padding: 0px 5px 5px 10px;
}

.user-action-card-picture[b-1xem5spbqp] {
  margin-right: 10px;
}

.user-action-card-header-details[b-1xem5spbqp] {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 480px) {
  .user-action-card-header-details[b-1xem5spbqp] {
    width: 220px;
  }
}

.user-profile-picture[b-1xem5spbqp] {
  width: 115px;
  height: 115px;
  border-radius: 5px;
}