/* _content/PresLes.Online.Customers.Web/Features/Auth/Login/Login.cshtml.rz.scp.css */
main[b-n8clt3bhzh] {
  background-color: #fff;
  padding-top: 0;
}

button[b-n8clt3bhzh] {
  margin-top: 20px;
}

.loginBox[b-n8clt3bhzh] {
  padding: 20px 40px 40px;
}

#orderLoginPrompt[b-n8clt3bhzh] {
  background-color: #F4F1ED;
  font-size: 1.4rem;
  text-align: center;
  padding: 20px;
}

#orderLogin p[b-n8clt3bhzh] {
  font-size: 14px;
}

#orderLogin a[b-n8clt3bhzh] {
  color: #96784E;
  font-size: 14px;
}

.footer[b-n8clt3bhzh] {
  background-color: #EDE8E1;
  margin-bottom: -20px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.token-error[b-n8clt3bhzh] {
  text-align:center;
}
/* _content/PresLes.Online.Customers.Web/Features/CardPayments/Error/Index.cshtml.rz.scp.css */
.overlay-container[b-yb3r17kefn] {
  position: relative;
}

.svg-container[b-yb3r17kefn] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  padding-top: 24px;
  padding-bottom: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 80px;
}

.sub-heading[b-yb3r17kefn] {
  color: var(--GOLD, #96784E);
  text-align: center;
  font-size: 22px;
  font-weight: 500;
  line-height: 29px;
  padding-bottom: 24px;
  margin-bottom: 0;
  margin-top: 150px;
}

.error-text[b-yb3r17kefn] {
  color: var(--CHARCOAL, #343232);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  padding-bottom: 25px;
  margin-bottom: 0;
}
/* _content/PresLes.Online.Customers.Web/Features/CardPayments/Index/Index.cshtml.rz.scp.css */
.container[b-2oewrbbktx] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.header[b-2oewrbbktx] {
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  padding-bottom:16px;
  margin: 0;
}

.iframe-container[b-2oewrbbktx] {
  width: 100%;
  max-width: 750px; 
}

.iframe[b-2oewrbbktx] {
  width: 100%;
  height: 700px;
  border: none;
  padding-bottom: 24px; 
}

@media (max-width: 280px) {
  .iframe[b-2oewrbbktx] {
    max-width: 275px;
  }
}

@media (min-width: 576px) {
  .iframe[b-2oewrbbktx] {
    max-width: 500px;
  }
}

@media (min-width: 768px) {
  .iframe[b-2oewrbbktx] {
    max-width: 750px;
  }

  button[b-2oewrbbktx] {
    max-width: 750px;
  }
}

/* _content/PresLes.Online.Customers.Web/Features/CardPayments/Success/Index.cshtml.rz.scp.css */
.sub-heading[b-957e0hs0sh] {
  color: var(--GOLD, #96784E);
  text-align: center;
  font-size: 22px;
  font-weight: 500;
  line-height: 29px;
  padding-bottom: 24px;
  margin-bottom: 0;
}

.svg-container[b-957e0hs0sh] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  padding-top: 24px;
  padding-bottom: 24px;
}

/* _content/PresLes.Online.Customers.Web/Features/CardPayments/Validate/Index.cshtml.rz.scp.css */
.loader[b-yghmpkz4dd] {
  border: 16px solid #fff; 
  border-top: 16px solid #343232; 
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin-b-yghmpkz4dd 2s linear infinite;
}

.loader-container[b-yghmpkz4dd] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  padding-top: 24px;
  padding-bottom: 24px;
}

.header[b-yghmpkz4dd] {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  margin-bottom: 16px;
}

p[b-yghmpkz4dd] {
  text-align: center;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  line-height: 18px;
}


@keyframes spin-b-yghmpkz4dd {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* _content/PresLes.Online.Customers.Web/Features/Home/Components/AccountCard/Default.cshtml.rz.scp.css */
.account-card[b-hkvcerk2y9],
.account-card-show[b-hkvcerk2y9] {
  display: flex;
  max-width: 365px;
  width: 100%;
  padding: 16px;
  flex-direction: column;
  background: #FFF;
  gap: 4px;
}

.account-header[b-hkvcerk2y9] {
  display: flex;
  justify-content: space-between;
}

.account-number[b-hkvcerk2y9] {
  display: flex;
  flex-direction: column;
}

  .account-number .orderno[b-hkvcerk2y9] {
    color: var(--form-element-error-color);
    font-size: 12px;
    margin: 0;
    font-weight: 500;
  }

  .account-number .detail[b-hkvcerk2y9] {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin: 0;
  }

.account-total[b-hkvcerk2y9],
.account-details[b-hkvcerk2y9] {
  display: flex;
  justify-content: space-between;
}

.account-total[b-hkvcerk2y9] {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--form-element-border-color);
}

  .account-total .description-header[b-hkvcerk2y9] {
    font-weight: 700;
  }

  .account-total .description-header[b-hkvcerk2y9],
  .account-details .description[b-hkvcerk2y9] {
    font-size: 12px;
    line-height: 20px;
    margin: 0;
  }

  .account-total .amount[b-hkvcerk2y9],
  .account-details .amount[b-hkvcerk2y9] {
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    margin: 0;
  }

.account-type[b-hkvcerk2y9] {
  display: flex;
  padding-top: 4px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

  .account-type .type[b-hkvcerk2y9] {
    display: flex;
    align-items: center;
    gap: 8px;
  }

    .account-type .type .title[b-hkvcerk2y9] {
      font-size: 12px;
      font-weight: 700;
      line-height: 18px;
      margin: 0;
    }

  .account-type .terms[b-hkvcerk2y9] {
    display: flex;
    width: 68px;
    padding: 4px 0;
    justify-content: center;
    background: var(--background-color);
  }

    .account-type .terms .title[b-hkvcerk2y9] {
      color: var(--pl-gold);
      font-size: 11px;
      font-weight: 700;
      line-height: 20px;
      margin: 0;
    }

button[b-hkvcerk2y9] {
  text-transform: none;
  margin: 0;
  margin-top: auto;
}

@media only screen and (max-width: 1200px) {
  .account-card[b-hkvcerk2y9] {
   width: 296px;
  }

  .account-card-show[b-hkvcerk2y9] {
    width: 296px;
  }
}

@media only screen and (max-width: 991px) {
  .account-card[b-hkvcerk2y9] {
    width: 338px;
  }

  .account-card-show[b-hkvcerk2y9] {
    width: 338px;
  }
}

@media only screen and (max-width: 768px) {
  .account-card[b-hkvcerk2y9] {
    width: 100%;
    max-width:543px;
  }

  [name^="hidden-account-cards"][b-hkvcerk2y9] {
    display: none;
  }

  .account-card-show[b-hkvcerk2y9] {
    display: flex;
    width: 100%;
    max-width: 543px;
  }
}
/* _content/PresLes.Online.Customers.Web/Features/Home/Components/OrderConfirmationCard/Default.cshtml.rz.scp.css */
.order-card[b-m30g1dj56p],
.order-card-show[b-m30g1dj56p] {
  display: flex;
  max-width: 365px;
  width: 100%;
  padding: 16px;
  flex-direction: column;
  background: #FFF;
  gap: 16px;
}

.order-header[b-m30g1dj56p] {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.order-number[b-m30g1dj56p] {
  display: flex;
  flex-direction: column;
}

.card-paragraph[b-m30g1dj56p] {
  margin: 0;
  font-size: 14px;
}

.card-container[b-m30g1dj56p] {
  display: flex;
  gap: 16px;
}

.order-number .orderno[b-m30g1dj56p] {
  color: var(--form-element-error-color);
  font-size: 12px;
  margin: 0;
  font-weight: 500;
  display: flex;
  gap: 8px;
}

  .order-number .detail[b-m30g1dj56p] {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin: 0;
  }

.order-total[b-m30g1dj56p],
.order-details[b-m30g1dj56p] {
  display: flex;
  justify-content: space-between;
}

.order-total[b-m30g1dj56p] {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--form-element-border-color);
}

  .order-total .description-header[b-m30g1dj56p] {
    font-weight: 700;
  }

  .order-total .description-header[b-m30g1dj56p],
  .order-details .description[b-m30g1dj56p] {
    font-size: 12px;
    line-height: 20px;
    margin: 0;
  }

  .order-total .amount[b-m30g1dj56p],
  .order-details .amount[b-m30g1dj56p] {
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    margin: 0;
  }

.order-type[b-m30g1dj56p] {
  display: flex;
  padding-top: 4px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

  .order-type .type[b-m30g1dj56p] {
    display: flex;
    align-items: center;
    gap: 8px;
  }

    .order-type .type .title[b-m30g1dj56p] {
      font-size: 12px;
      font-weight: 700;
      line-height: 18px;
      margin: 0;
    }

  .order-type .terms[b-m30g1dj56p] {
    display: flex;
    width: 68px;
    padding: 4px 0;
    justify-content: center;
    background: var(--background-color);
  }

    .order-type .terms .title[b-m30g1dj56p] {
      color: var(--pl-gold);
      font-size: 11px;
      font-weight: 700;
      line-height: 20px;
      margin: 0;
    }

button[b-m30g1dj56p] {
  text-transform: none;
  margin: 0;
  margin-top: auto;
}

@media only screen and (max-width: 1200px) {
  .order-card[b-m30g1dj56p] {
    width: 296px;
  }

  .order-card-show[b-m30g1dj56p] {
    width: 296px;
  }
}

@media only screen and (max-width: 991px) {
  .order-card[b-m30g1dj56p] {
    width: 338px;
  }

  .order-card-show[b-m30g1dj56p] {
    width: 338px;
  }
}
/* _content/PresLes.Online.Customers.Web/Features/Home/Index/Index.cshtml.rz.scp.css */
.header[b-zrh47wbbzc] {
  background-color: #EDE8E1;
  padding: var(--spacing) var(--spacing) var(--spacing);
}

.hello-container[b-zrh47wbbzc] {
  margin-top: 22px;
  display: flex;
  flex-flow: column;
}

.hello-message[b-zrh47wbbzc] {
  flex: 1;
}

.hello[b-zrh47wbbzc] {
  color: #96784E;
  font-size: 1.4rem;
  margin-bottom: 0;
  line-height: normal;
}

.name[b-zrh47wbbzc] {
  font-size: 2.7rem;
  line-height: 1.2;
  margin: 0;
}

.introduction-container[b-zrh47wbbzc] {
  display: flex;
  padding: 8px;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  background: var(--BACKGROUND-APP, #F4F1ED);
  margin-top: 16px;
}

.introduction[b-zrh47wbbzc] {
  height: 76px;
  flex: 1 0 0;
}

.icon[b-zrh47wbbzc] {
  color: var(--primary);
  font-size: 19px;
  line-height: 19px;
}

.introduction-message[b-zrh47wbbzc] {
  color: var(--primary);
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  margin: 0;
}

.header hr[b-zrh47wbbzc] {
  border-bottom: 1px solid var(--form-element-border-color);
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}

.whatsapp-desktop[b-zrh47wbbzc],
.whatsapp-mobile[b-zrh47wbbzc] {
  display: flex;
  justify-content: center;
  width: 190px;
  align-items: center;
}

.whatsapp-mobile[b-zrh47wbbzc] {
  max-width: 494px;
  width: 100%;
  margin: auto;
  margin-bottom: 24px;
}

  .whatsapp-desktop a[b-zrh47wbbzc],
  .whatsapp-mobile a[b-zrh47wbbzc] {
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 30px;
    width: 100%;
    transition: background-color var(--transition);
    max-height: 45px;
  }

    .whatsapp-desktop a:hover
    .whatsapp-mobile a:hover[b-zrh47wbbzc] {
      background-color: #F8F8F8;
    }

.whatsapp-desktop[b-zrh47wbbzc] {
  display: none;
}

ul[b-zrh47wbbzc] {
  display: flex;
  list-style: none;
  padding: 0;
  justify-content: center;
  gap: 20px;
  flex-flow: row wrap;
}

li[b-zrh47wbbzc] {
  list-style: none;
}

ul.options[b-zrh47wbbzc] {
  justify-content: normal;
  margin: 16px auto;
}

.options li[b-zrh47wbbzc] {
  text-align: center;
  font-size: 1.1rem;
  width: 64px;
  display: block;
}

  .options li a[b-zrh47wbbzc] {
    text-decoration: none;
  }

  .options li .icon[b-zrh47wbbzc] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--card-box-shadow);
    margin-bottom: 10px;
  }

  .options li svg[b-zrh47wbbzc] {
    width: 31px;
    flex: 1;
  }

h3[b-zrh47wbbzc] {
  font-weight: 700;
  color: #46474B;
}

.catalogue[b-zrh47wbbzc] {
  margin-top: 10px;
  padding: var(--spacing);
}

  .blog .title[b-zrh47wbbzc],
  .catalogue .title[b-zrh47wbbzc] {
    display: flex;
    justify-content: center;
    align-items: center;
  }

    .blog .title h3[b-zrh47wbbzc],
    .catalogue .title h3[b-zrh47wbbzc],
    .payments .title h3[b-zrh47wbbzc] {
      flex: 1;
    }

.desktop-button[b-zrh47wbbzc] {
  display: none;
}

.mobile-button[b-zrh47wbbzc] {
  width: 100%;
}

.payments[b-zrh47wbbzc] {
  padding: var(--spacing);
  display: flex;
  flex-direction: column;
}

  .payments .title h3.count[b-zrh47wbbzc] {
    flex: none;
  }

  .payments .title[b-zrh47wbbzc] {
    display: flex;
    align-items: center;
    flex: 1;
  }

.blog hr[b-zrh47wbbzc],
.catalogue hr[b-zrh47wbbzc] {
  display: none;
}

.catalogue li[b-zrh47wbbzc] {
  flex: 0 0 calc(100%/2 - 10px);
  aspect-ratio: 1 / 1;
  text-transform: uppercase;
  align-items: center;
  justify-content: center;
  text-align: center;
  display: flex;
  color: #fff;
  cursor: pointer;
  background-size: cover;
}

  .catalogue li .content-inner[b-zrh47wbbzc] {
    width: 100%;
    height: 100%;
    font-size: 1.6rem;
    background-color: rgba(0,0,0,0.4);
    transition: background-color var(--transition);
    display: flex;
  }

    .catalogue li .content-inner:hover[b-zrh47wbbzc] {
      background-color: rgba(0,0,0,0.2);
      font-weight: 400;
    }

  .catalogue li a[b-zrh47wbbzc] {
    flex: 1;
    color: #fff;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 15px;
    padding-right: 15px;
  }

.blog[b-zrh47wbbzc] {
  margin-top: 20px;
  padding: var(--spacing);
  display: flex;
  flex-direction: column;
}

  .blog ul[b-zrh47wbbzc] {
    display: flex;
    list-style: none;
    padding: 0;
    justify-content: center;
    flex-flow: column;
  }

.highlight-article[b-zrh47wbbzc] {
  height: 200px;
  background-size: cover;
  text-align: center;
}

.blog .first-article[b-zrh47wbbzc],
.blog ul hr[b-zrh47wbbzc] {
  border-bottom: 1px solid var(--form-element-border-color);
  margin-top: 20px;
  margin-bottom: 0;
}

hr.first-article[b-zrh47wbbzc] {
  display: block;
}

.highlight-article[b-zrh47wbbzc] {
  display: block;
}

  .highlight-article a[b-zrh47wbbzc] {
    text-decoration: none;
    display: flex;
    flex-flow: column;
    background-color: rgba(0,0,0,0.4);
    flex: 1;
    height: 100%;
    justify-content: center;
    transition: background-color var(--transition);
    padding: var(--spacing);
  }

    .highlight-article a:hover[b-zrh47wbbzc] {
      background-color: rgba(0,0,0,0.2);
    }

.category[b-zrh47wbbzc] {
  text-transform: uppercase;
  color: #96784E;
  font-size: 1rem;
}

.highlight-article .title[b-zrh47wbbzc] {
  color: #fff;
  font-size: 2rem;
}

.highlight-article .category[b-zrh47wbbzc] {
  background-color: #fff;
  padding: 10px;
  width: 100px;
  float: right;
  margin-top: -50px;
  margin-right: 20px;
}

.blog ul[b-zrh47wbbzc] {
  gap: 0;
}

  .blog ul li[b-zrh47wbbzc] {
    margin-bottom: 0;
  }

    .blog ul li a[b-zrh47wbbzc] {
      display: flex;
      flex-direction: row;
      text-decoration: none;
      transition: background-color var(--transition);
    }

      .blog ul li a:hover[b-zrh47wbbzc] {
        background-color: rgba(0, 0, 0, 0.1);
      }

    .blog ul li img[b-zrh47wbbzc] {
      height: 72px;
      margin-right: 20px;
    }

.article-content[b-zrh47wbbzc] {
  display: flex;
  border-bottom: 1px solid var(--form-element-border-color);
  padding-top: 20px;
  padding-bottom: 20px;
  flex: 1;
}

.article-details[b-zrh47wbbzc] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

  .article-details .category[b-zrh47wbbzc] {
    margin-bottom: 5px;
  }

  .article-details .title[b-zrh47wbbzc] {
    font-size: 1.4rem;
  }

.promotion[b-zrh47wbbzc],
.consultant[b-zrh47wbbzc] {
  margin-top: 20px;
  display: flex;
}

.promotion[b-zrh47wbbzc] {
  align-items: center;
  background-color: #fff;
  box-shadow: 0px 3px 6px 0px rgba(209, 209, 209, 0.25);
  display: flex;
  flex-direction: column;
  height: 200px;
  justify-content: center;
  text-decoration: none;
  row-gap: 16px;
}

  .promotion:hover[b-zrh47wbbzc] {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .promotion p[b-zrh47wbbzc] {
    color: var(--pl-gold);
    font-size: 1.6rem;
    margin: 0;
    padding: 0 0.5rem;
  }

  .promotion .icon-container[b-zrh47wbbzc] {
    align-items: center;
    background-color: var(--pl-gold);
    border-radius: 50%;
    display: flex;
    height: 32px;
    justify-content: center;
    width: 32px;
  }

.consultant a[b-zrh47wbbzc] {
  flex: 1;
  text-align: center;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--spacing);
  transition: background-color var(--transition);
}

.consultant[b-zrh47wbbzc] {
  display: flex;
  flex-direction: column;
}

.consultant-title[b-zrh47wbbzc] {
  background-image: url('/images/consultant.jpg');
  background-size: cover;
  height: 250px;
  position: relative;
  display: flex;
}

  .consultant-title .title-wrapper[b-zrh47wbbzc] {
    flex: 1;
    background: rgb(0,0,0);
    background-color: rgba(0, 0, 0, 0.4);
  }

  .consultant-title p[b-zrh47wbbzc] {
    color: #fff;
    text-align: center;
    padding: 20px 40px 0 40px;
    bottom: 0;
    position: absolute;
    font-size: 2.2rem;
  }

  .consultant-title svg[b-zrh47wbbzc] {
    position: absolute;
    right: 20px;
    top: 20px;
  }

.consultant-cta[b-zrh47wbbzc] {
  padding: 10px;
  background-color: var(--pl-purple);
}

  .consultant-cta p[b-zrh47wbbzc] {
    color: #fff;
    font-size: 1.4rem;
    text-align: center;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px;
  }

  .consultant-cta a[b-zrh47wbbzc] {
    border-color: #fff;
    background-color: var(--pl-purple);
    margin-left: 40px;
    margin-right: 40px;
    margin-bottom: 10px;
  }

    .consultant-cta a:focus[b-zrh47wbbzc] {
      outline-color: var(--primary-hover);
    }

    .consultant-cta a:hover[b-zrh47wbbzc] {
      background-color: #fff;
      border-color: #fff;
      color: var(--pl-purple);
    }

.account-cards[b-zrh47wbbzc] {
  padding: 4px 0 !important;
  display: flex;
  flex-direction: row;
  gap: 8px;
  flex-flow: wrap;
}

  .account-cards .view-all-payments:hover[b-zrh47wbbzc] {
    cursor: pointer;
  }

  .account-cards .view-all-payments > p[b-zrh47wbbzc] {
    color: var(--pl-gold);
    font-weight: 700;
    padding: 0 16px;
  }

  .account-cards .view-all-payments > div[b-zrh47wbbzc] {
    display: none;
  }

.display-payments-section[b-zrh47wbbzc] {
  display: none;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding-top: 18px;
}

.display-payments-image-show[b-zrh47wbbzc] {
  display: flex;
}

.display-payments-image-hide[b-zrh47wbbzc] {
  display: none;
}

.display-payments-button[b-zrh47wbbzc] {
  justify-content: center;
  display: flex;
  margin: 0;
  padding-top: 0;
  font-size: 13px;
  font-weight: 700;
  line-height: 30px;
  color: var(--pl-gold);
  text-align: center;
  cursor: pointer;
}

/* Desktop Media Queries */

@media only screen and (max-width: 297px) {
  .catalogue li a[b-zrh47wbbzc] {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media only screen and (min-width: 575px) {
  .header[b-zrh47wbbzc] {
    margin-top: -20px;
  }

  .catalogue li[b-zrh47wbbzc] {
    flex: 0 0 237px;
    height: 237px;
  }
}

@media only screen and (max-width: 575px) {
  .introduction-container[b-zrh47wbbzc] {
    margin: 16px 8px 0 8px;
    width: auto;
  }

  ul.options[b-zrh47wbbzc] {
    margin: 16px 8px 0 8px;
  }

  .whatsapp-mobile[b-zrh47wbbzc] {
    margin: 16px 8px 24px 8px;
    width: auto;
    max-width: 533px;
  }
}

@media only screen and (min-width: 768px) {
  .hello-container[b-zrh47wbbzc] {
    flex-flow: row wrap;
  }

  .whatsapp-desktop[b-zrh47wbbzc] {
    justify-content: flex-end;
    margin-top: 0;
  }

  .header hr[b-zrh47wbbzc] {
    display: none;
  }

  .blog[b-zrh47wbbzc] {
    flex-flow: row wrap;
  }

  .right-pane[b-zrh47wbbzc] {
    width: 300px;
    padding-left: 20px;
  }

  .promotion[b-zrh47wbbzc],
  .consultant[b-zrh47wbbzc] {
    margin-top: 20px;
  }

  .promotion[b-zrh47wbbzc] {
    margin-top: 0;
    height: 180px;
  }

  .blog[b-zrh47wbbzc],
  .catalogue[b-zrh47wbbzc],
  .payments[b-zrh47wbbzc] {
    padding: var(--spacing) var(--spacing) 0 var(--spacing);
  }

    .blog .title[b-zrh47wbbzc],
    .catalogue .title[b-zrh47wbbzc],
    .payments .title[b-zrh47wbbzc] {
      margin-bottom: 16px;
      flex: 1;
    }

      .blog .title h3[b-zrh47wbbzc],
      .catalogue .title h3[b-zrh47wbbzc],
      .payments .title h3[b-zrh47wbbzc] {
        margin-bottom: 0;
      }

  .desktop-button[b-zrh47wbbzc] {
    display: block;
  }

  .mobile-button[b-zrh47wbbzc] {
    display: none;
  }

  .blog hr[b-zrh47wbbzc],
  .catalogue hr[b-zrh47wbbzc] {
    border-bottom: 1px solid var(--form-element-border-color);
    margin-top: 10px;
    margin-bottom: 20px;
    width: 100%;
    display: block;
  }

  .catalogue li[b-zrh47wbbzc] {
    flex: 0 0 155px;
    height: 155px;
  }

  .blog hr[b-zrh47wbbzc] {
    margin-top: 0;
  }

  .articles[b-zrh47wbbzc] {
    background-color: #fff;
    padding: 20px 20px 5px 20px;
    flex: 1;
  }

  .whatsapp-desktop[b-zrh47wbbzc] {
    display: flex;
  }

  .whatsapp-mobile[b-zrh47wbbzc] {
    display: none;
  }
}


@media only screen and (min-width: 992px) {
  .catalogue li[b-zrh47wbbzc] {
    flex: 0 0 211px;
    height: 211px;
  }
}

@media only screen and (min-width: 1200px) {
  .catalogue li[b-zrh47wbbzc] {
    flex: 0 0 263px;
    height: 263px;
  }
}

@media only screen and (max-width: 991px) {
  .account-cards[b-zrh47wbbzc] {
    justify-content: left;
  }
}

@media only screen and (max-width: 768px) {
  .account-cards[b-zrh47wbbzc] {
    justify-content: center;
  }

  .display-payments-section[b-zrh47wbbzc] {
    display: flex;
  }
}
/* _content/PresLes.Online.Customers.Web/Features/OneTimePin/Index/Index.cshtml.rz.scp.css */
main[b-30e5wtyn75] {
  background-color: #fff;
  padding: 20px;
  display: flex;
  align-items: center;
  flex-direction: column;
}

svg[b-30e5wtyn75] {
  margin: 0 auto 20px;
  display: block;
  height: 56px;
}

.otp-box[b-30e5wtyn75] {
  background-color: #F4F1ED;
  padding: 20px 20px 0 20px;
  display: flex;
  flex-direction: column;
}

.cell-number[b-30e5wtyn75] {
  color: #96784E;
  text-decoration: none;
}

.customer-number[b-30e5wtyn75] {
  font-size: 20px;
}

#resendOtp[b-30e5wtyn75] {
  width: 200px;
  margin: -10px auto 20px;
}

.otp-footer[b-30e5wtyn75] {
  background-color: #EDE8E1;
  display: flex;
  padding: 20px;
  flex-direction: column;
  align-items: center;
}

@media only screen and (min-width: 1200px) {
  .otp-footer[b-30e5wtyn75] {
    margin-bottom: -30px;
  }
}
/* _content/PresLes.Online.Customers.Web/Features/OrderConfirmation/Accept/Index.cshtml.rz.scp.css */
.container[b-45uiyxxn1q] {
  align-items: center;
  display: flex;
  padding: 32px 16px 16px 16px;
  flex-direction: column;
  text-align: center;
}

  .container .title[b-45uiyxxn1q] {
    color: var(--pl-gold);
    font-size: 22px;
    line-height: 29px;
    margin: 24px 0 0 0;
  }

  .container .body[b-45uiyxxn1q] {
    font-size: 14px;
    line-height: 21px;
    margin: 16px 0 0 0;
  }

  .container .documents[b-45uiyxxn1q] {
    align-items: center;
    cursor: pointer;
    background-color: white;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 16px;
    max-width: 330px;
    padding: 8px 20px;
    text-decoration: none;
    transition: background-color var(--transition);
  }

  .container .documents p[b-45uiyxxn1q] {
    color: #103928;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    margin: 0;
  }

  .container .documents svg[b-45uiyxxn1q] {
    margin-right: 8px;
  }

  .container .documents:hover[b-45uiyxxn1q] {
    background-color: #F8F8F8;
  }

  .container button[b-45uiyxxn1q] {
    margin-top: 16px;
    margin-bottom: 0;
  }
/* _content/PresLes.Online.Customers.Web/Features/OrderConfirmation/Components/OrderItem/Default.cshtml.rz.scp.css */
.order-item[b-1zlmb0nr87] {
  border-bottom: 1px solid var(--form-element-border-color);
  display: flex;
  gap: 16px;
  margin: 8px 16px;
  padding: 0 0 8px 0px;
}

  .order-item p[b-1zlmb0nr87] {
    color: var(--primary);
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0;
  }

  .order-item .quantity > p[b-1zlmb0nr87] {
    color: var(--pl-gold);
    font-weight: 700;
  }

  .order-item .product-details[b-1zlmb0nr87] {
    flex-grow: 1;
  }

    .order-item .product-details p[b-1zlmb0nr87] {
      color: var(--primary);
      display: inline
    }

  .order-item .total p[b-1zlmb0nr87] {
    font-weight: 700;
    white-space: nowrap;
  }
/* _content/PresLes.Online.Customers.Web/Features/OrderConfirmation/DebitOrderTermsAndConditions/Index.cshtml.rz.scp.css */
/* styles.css */

.container[b-uirlc85iwb] {
  padding: 0;
}

.agreement-body[b-uirlc85iwb] {
  background-color: white;
  padding: 24px 16px;
}

  .agreement-body p[b-uirlc85iwb] {
    font-size: 14px;
  }

/* General typography styles */
.authorization-text[b-uirlc85iwb] {
  font-family: Mulish;
  font-style: normal;
  line-height: 20px;
}

  .authorization-text strong[b-uirlc85iwb] {
    font-weight: 700; /* Bold */
  }

/* B. MANDATE, C. CANCELLATION, D. ASSIGNMENT */
.authorization-text-gold[b-uirlc85iwb] {
  color: var(--pl-gold);
  font-family: Mulish;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  margin: 0px 0px 0px;
}

.header-toolbar[b-uirlc85iwb] {
  align-items: center;
  border-bottom: 2px solid var(--pl-gold);
  display: flex;
}

.header-toolbar svg[b-uirlc85iwb] {
  margin: 20px 16px;
}

.header-toolbar .back-arrow-container:hover[b-uirlc85iwb] {
  cursor: pointer;
}

.header-toolbar p[b-uirlc85iwb] {
  color: var(--primary);
  font-size: 14px;
  line-height: normal;
  margin-bottom: 0;
  padding: 20px 16px 20px 0;
}

.text-order-no[b-uirlc85iwb] {
  color: var(--pl-gold);
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.close-button-container[b-uirlc85iwb] {
  background-color: white;
  bottom: 0;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
  padding: 8px 16px;
  position: sticky;
}

.close-button-container button[b-uirlc85iwb] {
  margin-bottom: 0px;
}

/* _content/PresLes.Online.Customers.Web/Features/OrderConfirmation/Error/Index.cshtml.rz.scp.css */
main[b-9x7cqx03ns] {
  padding: 16px;
  text-align: center;
}

  main p[b-9x7cqx03ns] {
    margin-bottom: 0;
  }

  main .image[b-9x7cqx03ns] {
    margin-top: 32px;
  }

  main .title[b-9x7cqx03ns] {
    color: var(--pl-gold, #96784E);
    font-size: 22px;
    font-weight: 500;
    line-height: 29px;
    margin-top: 32px;
  }

  main .body[b-9x7cqx03ns] {
    font-size: 14px;
    line-height: 21px;
    margin-top: 16px;
  }

.support-container[b-9x7cqx03ns] {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
}

  .support-container .contact-us .label[b-9x7cqx03ns] {
    font-size: 12px;
    font-weight: 700;
    line-height: 23px;
  }

  .support-container .contact-us .phone-number[b-9x7cqx03ns] {
    font-size: 16px;
    line-height: 23px;
  }

    .support-container .contact-us .phone-number a[b-9x7cqx03ns] {
      color: var(--pl-gold, #96784E);
      cursor: pointer;
      font-style: italic;
      text-decoration-line: underline;
    }

  .support-container .separator[b-9x7cqx03ns] {
    font-size: 16px;
    line-height: 23px;
  }

  .support-container .whatsapp-us[b-9x7cqx03ns] {
    align-items: center;
    background-color: #fff;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    gap: 8px;
    padding: 14px;
    text-decoration: none;
  }

    .support-container .whatsapp-us p[b-9x7cqx03ns] {
      color: #103928;
      font-size: 14px;
      font-weight: 500;
      line-height: 21px;
    }

    .support-container .whatsapp-us:hover[b-9x7cqx03ns] {
      background-color: #F8F8F8;
    }

button[b-9x7cqx03ns] {
  margin-top: 24px;
}
/* _content/PresLes.Online.Customers.Web/Features/OrderConfirmation/Index/Index.cshtml.rz.scp.css */
main[b-v2d8ms58o7] {
  padding-bottom: 0;
}

.thank-you[b-v2d8ms58o7] {
  padding: 8px 16px 16px 16px;
  text-align: center;
}

.thank-you p[b-v2d8ms58o7] {
  margin-bottom: 0;
}

.thank-you .header[b-v2d8ms58o7] {
  color: var(--pl-purple);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.thank-you .body[b-v2d8ms58o7] {
  font-size: 12px;
  line-height: 16px;
}

.section-header[b-v2d8ms58o7] {
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  margin: 24px 16px 16px 16px;
}

.section-content[b-v2d8ms58o7] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.section-content > div[b-v2d8ms58o7] {
  background-color: white;
  padding: 16px;
}

.section-content p[b-v2d8ms58o7] {
  color: var(--primary);
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 0;
}

.order-number-and-type[b-v2d8ms58o7] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.order-number-and-type > div[b-v2d8ms58o7] {
  display: flex;
  flex-direction: row;
  gap: 4px;
}

.order-number-and-type div p:last-child[b-v2d8ms58o7] {
  font-weight: 700;
}

.order-items[b-v2d8ms58o7] {
  padding: 4px 0 !important;
}

.order-items .view-all-items:hover[b-v2d8ms58o7] {
  cursor: pointer;
}

.order-items .view-all-items > p[b-v2d8ms58o7] {
  color: var(--pl-gold);
  font-weight: 700;
  padding: 0 16px;
}

.order-items .view-all-items > div[b-v2d8ms58o7] {
  display: none;
}

.payment-details > div[b-v2d8ms58o7] {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 8px 0;
  padding: 8px 0;
}

.payment-details > div:first-child[b-v2d8ms58o7] {
  margin-top: 0;
}

.payment-details > div:last-child[b-v2d8ms58o7] {
  margin-bottom: 0;
}

.payment-details .fixed-plan-deposit[b-v2d8ms58o7] {
  border-bottom: 1px solid var(--form-element-border-color);
}

.payment-details .fixed-plan-deposit > p[b-v2d8ms58o7] {
  color: var(--pl-purple);
  font-weight: 700;
  text-align: center;
}

.payment-details .fixed-plan-deposit .minimum-deposit[b-v2d8ms58o7] {
  font-size: 18px;
}

.payment-details .payment-breakdown-container[b-v2d8ms58o7] {
  background: #80225f33;
  margin: 8px 0;
  padding: 8px 0;
}

.payment-details .payment-breakdown-container > p[b-v2d8ms58o7] {
  color: var(--pl-purple);
  font-weight: 700;
}

.payment-details .payment-breakdown-container .payment-breakdown[b-v2d8ms58o7] {
  font-size: 18px;
}

.address-details .header[b-v2d8ms58o7] {
  display: flex;
  flex-direction: row;
  gap: 8px;
  padding-bottom: 8px;
}

.address-details .header p[b-v2d8ms58o7] {
  font-weight: 700;
}

.address-details .address[b-v2d8ms58o7] {
  margin-bottom: 16px;
}

  .address-details .address p[b-v2d8ms58o7] {
    text-transform: uppercase;
  }

  .address-details .delivery-detail > p:first-child[b-v2d8ms58o7] {
    margin-bottom: 10px;
  }

  .address-details .delivery-detail > p:last-child[b-v2d8ms58o7] {
    margin-top: 10px;
  }

.terms-and-conditions-pdf[b-v2d8ms58o7] {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

  .terms-and-conditions-pdf div[b-v2d8ms58o7] {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 16px;
  }

  .terms-and-conditions-pdf div:hover[b-v2d8ms58o7] {
   cursor: pointer;
  }

.contract-reference-number-container[b-v2d8ms58o7] {
  display: flex;
  flex-direction: row;
  gap: 8px;
  margin-bottom: 16px;
}

.contract-reference-number-container > div[b-v2d8ms58o7] {
  display: flex;
  flex-direction: column;
}

.contract-reference-number-container > div .header[b-v2d8ms58o7] {
  font-weight: 600;
  line-height: 20px;
  opacity: 0.9;
}

.contract-reference-number-container > div .order-number[b-v2d8ms58o7] {
  color: var(--pl-gold);
  font-size: 14px;
  line-height: 20px;
}

.personal-banking-details-header[b-v2d8ms58o7] {
  color: var(--color) !important;
  font-weight: 700;
  line-height: 36px !important;
  margin-bottom: 10px !important;
}

form > label[b-v2d8ms58o7] {
  color: var(--primary);
  margin-bottom: 8px;
}

form > label:last-child[b-v2d8ms58o7] {
  margin-bottom: 0;
}

.order-confirmation-confirmation[b-v2d8ms58o7] {
  background-color: var(--pl-purple);
  bottom: 0;
  padding: 16px;
  position: sticky;
}

  .order-confirmation-confirmation .check-box-container[b-v2d8ms58o7] {
    cursor: pointer;
    padding-left: 23px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

    .order-confirmation-confirmation .check-box-container input[b-v2d8ms58o7] {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0;
    }

    .order-confirmation-confirmation .check-box-container .check-mark[b-v2d8ms58o7] {
      border: 2px solid white;
      height: 15px;
      left: 0;
      position: absolute;
      top: 0;
      width: 15px;
    }

    .order-confirmation-confirmation .check-box-container input:checked ~ .check-mark[b-v2d8ms58o7] {
      background-color: white;
    }

    .order-confirmation-confirmation .check-box-container .check-mark[b-v2d8ms58o7]:after {
      content: "";
      display: none;
      position: absolute;
    }

    .order-confirmation-confirmation .check-box-container input:checked ~ .check-mark[b-v2d8ms58o7]:after {
      display: block;
    }

    /* border-width has to be below border in order for the check mark to display correctly */
    .order-confirmation-confirmation .check-box-container .check-mark[b-v2d8ms58o7]:after {
      border: solid var(--pl-purple);
      border-width: 0 2px 2px 0;
      height: 10px;
      left: 3px;
      top: -1px;
      width: 5px;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
    }

.order-confirmation-confirmation label[b-v2d8ms58o7] {
  margin-bottom: 8px;
}

.order-confirmation-confirmation label:last-child[b-v2d8ms58o7] {
  margin-bottom: 0;
}

.order-confirmation-confirmation label[b-v2d8ms58o7],
.order-confirmation-confirmation p[b-v2d8ms58o7] {
  color: white;
  font-size: 12px;
  line-height: 18px;
}

.order-confirmation-confirmation button[b-v2d8ms58o7] {
    background-color: var(--secondary);
  border: 2px solid #B37A9F;
}

.order-confirmation-confirmation button:disabled[b-v2d8ms58o7],
.order-confirmation-confirmation button[disabled][b-v2d8ms58o7] {
  background-color: #B37A9F;
  color: var(--pl-purple);
}

.order-confirmation-confirmation #accept-button[b-v2d8ms58o7] {
  color: var(--pl-purple);
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  margin-top: 16px;
}

.order-confirmation-confirmation .divider[b-v2d8ms58o7] {
  margin-bottom: 0;
  text-align: center;
}

/* Style for the checkboxes */
label[b-v2d8ms58o7] {
  display: block;
}

.form-grid[b-v2d8ms58o7] {
  display: grid;
  grid-template-columns: 200px auto;
  gap: 10px; /* Adjust the gap as needed */
  align-items: start;
}

  .form-grid label[b-v2d8ms58o7] {
    grid-column: 1;
    margin: 0;
  }

  .form-grid .personal-banking-details-detail[b-v2d8ms58o7] {
    grid-column: 2;
    margin: 0;
    color: var(--color);
    font-weight: bold;
  }

 .address p[b-v2d8ms58o7] {
    font-weight: bold;
  }

@media only screen and (max-width: 575px) {
  .container[b-v2d8ms58o7] {
    padding: 0;
  }
}
/* _content/PresLes.Online.Customers.Web/Features/OrderConfirmation/TermsAndConditions/Index.cshtml.rz.scp.css */
.container[b-jwstrqx1ew] {
  padding: 0px;
}

.header-toolbar[b-jwstrqx1ew] {
  align-items: center;
  border-bottom: 2px solid var(--pl-gold);
  display: flex;
}

  .header-toolbar svg[b-jwstrqx1ew] {
    margin: 20px 16px;
  }

  .header-toolbar p[b-jwstrqx1ew] {
    color: var(--primary);
    font-size: 14px;
    line-height: normal;
    margin-bottom: 0;
    padding: 20px 16px 20px 0;
  }

  .header-toolbar .back-arrow-container:hover[b-jwstrqx1ew] {
    cursor: pointer;
  }

.pdf-toolbar[b-jwstrqx1ew] {
  align-items: center;
  background-color: white;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.10);
  display: none;
  justify-content: space-between;
  padding: 8px 16px;
  position: relative;
}

.zoom[b-jwstrqx1ew] {
  display: flex;
  flex-direction: row;
}

  .zoom button[b-jwstrqx1ew] {
    background-color: white;
    border: none;
    margin: 0px 4px;
    padding: 0;
  }

    .zoom button:hover[b-jwstrqx1ew] {
      cursor: pointer;
    }

.zoom-percentage-container[b-jwstrqx1ew] {
  align-items: center;
  border: 1px solid;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 0 4px;
}

  .zoom-percentage-container p[b-jwstrqx1ew] {
    font-size: 14px;
    margin: 0;
  }

.download-button[b-jwstrqx1ew] {
  background-color: white;
  border: none;
  margin: 0;
  padding: 0;
}

.pdf-is-loading[b-jwstrqx1ew] {
  font-size: 14px;
  padding-top: 16px;
  text-align: center;
}

.pdf-unable-to-display[b-jwstrqx1ew] {
  display: none;
  font-size: 14px;
  padding: 16px 0;
  text-align: center;
}

  .pdf-unable-to-display a:hover[b-jwstrqx1ew] {
    font-weight: 400;
  }

.pdf-document-container[b-jwstrqx1ew] {
  background-color: white;
  display: none;
  padding: 12px 8px;
}

.pdf-render-canvas[b-jwstrqx1ew] {
  background-color: var(--primary);
  overflow-y: hidden;
  padding: 8px;
  text-align: center;
}

.loading[b-jwstrqx1ew] {
  font-size: 14px;
  text-align: center;
}

  .loading[b-jwstrqx1ew]::before,
  .loading[b-jwstrqx1ew]:after {
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    -webkit-animation: ellipsis steps(4,end) 900ms infinite;
    animation: ellipsis-b-jwstrqx1ew steps(4,end) 900ms infinite;
    content: "\2026";
    width: 0px;
  }
  .loading[b-jwstrqx1ew]::before {
    color: transparent;
  }

@keyframes ellipsis-b-jwstrqx1ew {
  to {
    width: 1.25em;
  }
}

@-webkit-keyframes ellipsis {
  to {
    width: 1.25em;
  }
}


.close-button-container[b-jwstrqx1ew] {
  background-color: white;
  bottom: 0;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
  display: none;
  padding: 8px 16px;
  position: sticky;
}

  .close-button-container button[b-jwstrqx1ew] {
    margin-bottom: 0px;
  }
/* _content/PresLes.Online.Customers.Web/Features/PaymentOptions/Index/Index.cshtml.rz.scp.css */
@font-face {
  font-family: 'barcode-font';
  src: url('../fonts/3of9_new.ttf') format('truetype'), url('../fonts/3of9_new.woff2') format('woff2'), url('../fonts/3of9_new.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

main[b-aeg4f8dytw] {
  padding: 16px;
}

#navigateToHomePage[b-aeg4f8dytw] {
  cursor: pointer;
}

.home-bar-container[b-aeg4f8dytw] {
  background-color: #FFF;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.05);
}

.home-icon-container[b-aeg4f8dytw] {
  width:100px;
  padding: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
}

.header[b-aeg4f8dytw] {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  margin-bottom: 16px;
}

.tab[b-aeg4f8dytw] {
  overflow: hidden;
  border: none;
  background-color: #fff;
  margin-bottom: 24px;
  display: flex; 
  align-items: center;
  justify-content: space-between;
}

.tab-icon[b-aeg4f8dytw] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
}

/* Style the buttons that are used to open the tab content */
.tab span[b-aeg4f8dytw] {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  justify-content: center;
}

  /* Change background color of buttons on hover */
  .tab span:hover[b-aeg4f8dytw] {
    background-color: #ddd;
  }

  /* Create an active/current tablink class */
  .tab span.active[b-aeg4f8dytw] {
    background-color: #fff;
    border-bottom: 2px solid #96784E;
    color: var(--GOLD, #96784E);
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
  }


/* Style the tab content */
.tabcontent[b-aeg4f8dytw] {
  display: none;
  border: 1px solid #ccc;
  border: none;
}

.tab-content-text-container[b-aeg4f8dytw] {
  padding: 0 16px;
  margin-bottom: 24px;
  display: flex;
  gap: 8px;
  align-items: center;
}

.tab-content-text[b-aeg4f8dytw] {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  flex: 1 0 0;
}

.fnb-logo[b-aeg4f8dytw] {
  width: 45px;
  height: 48.857px;
}

.amount-container[b-aeg4f8dytw] {
  background: #FFF;
  box-shadow: 0px 3px 6px 0px rgba(209, 209, 209, 0.25);
  margin-bottom: 24px;
}

.amount-payable-group[b-aeg4f8dytw] {
  display: flex;
  padding: 16px;
  align-items: center;
  gap: 16px;
}

.amount-purple[b-aeg4f8dytw] {
  color: var(--PRIMARY, #80225F);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 16px;
}

.amount-to-pay[b-aeg4f8dytw] {
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.amount-payable[b-aeg4f8dytw] {
  width: 160px;
  height: 48px;
  color: var(--primary, #46474B);
  text-align: right;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0;
  flex: 1 0 0;
}

.currency-symbol[b-aeg4f8dytw] {
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
}

.card-requirement[b-aeg4f8dytw] {
  display: flex;
  padding: 8px 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  background: var(--WHITE, #FFF);
  margin-bottom: 28px;
}

.card-requirement-content[b-aeg4f8dytw] {
  gap: 8px;
  display: flex;
  align-items: center;
  height: 23px;
}

.card-requirement-icon[b-aeg4f8dytw] {
  text-align: center;
  width: 26px;
}

.card-requirement-text[b-aeg4f8dytw] {
  font-size: 12px;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0;
}

.red-text[b-aeg4f8dytw] {
  color: var(--form-element-error-color, #D50D49);
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  padding: 0 0 16px 16px;
  margin-bottom: 0;
}

.amount-error[b-aeg4f8dytw] {
  color: var(--form-element-error-color, #D50D49);
}

.eft-text[b-aeg4f8dytw] {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 16px;
}

.eft-red-text[b-aeg4f8dytw] {
  color: var(--form-element-error-color, #D50D49);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}

eft-text-container[b-aeg4f8dytw] {
  padding-left: 16px;
  padding-right: 16px;
  flex: 1 0 0;
  margin-bottom: 24px;
}

.spacer[b-aeg4f8dytw] {
  margin-bottom: 16px;
}

.spacer-top[b-aeg4f8dytw] {
  margin-top : 16px;
}

.bank-details-container[b-aeg4f8dytw] {
  display: flex;
  padding: 16px;
  align-items: flex-start;
  align-self: stretch;
  background-color: #fff;
  gap: 48px;
  font-style: normal;
}

.bank-details-text[b-aeg4f8dytw] {
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 16px;
}

.bank-details-text-bold[b-aeg4f8dytw] {
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 16px;
}

.bank-details-text-red[b-aeg4f8dytw] {
  color: var(--form-element-error-color, #D50D49);
  font-size: 12px;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0;
  margin-bottom: 16px;
}

.bank-details-text-bold-red[b-aeg4f8dytw] {
  color: var(--form-element-error-color, #D50D49);
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 0;
  margin-bottom: 16px;
}

.payment-options[b-aeg4f8dytw] {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  background-color: #fff;
  border: 0.5px solid;
  padding: 8px;
}

.payment-option-header[b-aeg4f8dytw] {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 16px;
}

.payment-options-text[b-aeg4f8dytw] {
  font-size: 14px;
  text-align: center;
}

.payment-option-spacer[b-aeg4f8dytw] {
  margin-bottom: 16px;
}

.payment-option-spacer-small[b-aeg4f8dytw] {
  margin-bottom: 8px;
}

.payment-option-center[b-aeg4f8dytw] {
  text-align: center
}

.barcode[b-aeg4f8dytw] {
  color: #000000;
  font-family: barcode-font;
  font-size: 35px;
  line-height: 40px;
}

.easypay-container[b-aeg4f8dytw] {
  background-color: #fff;
  padding: 8px;
}

.easypay-text[b-aeg4f8dytw] {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 16px;
}

.svg-image[b-aeg4f8dytw] {
  display: none;
}

#btnPayWithCard[b-aeg4f8dytw] {
  margin-bottom: 0;
}


@media(max-width: 473px) {
  .barcode[b-aeg4f8dytw] {
    font-size: calc(90vw / 14);
  }
}
/* Reduce padding and gap on the Galaxy Fold's width */
@media (max-width: 280px) {
  .tab span[b-aeg4f8dytw] {
    padding: 10px 12px;
    gap: 4px;
  }
}

/* _content/PresLes.Online.Customers.Web/Features/Shared/Components/HeroImage/Default.cshtml.rz.scp.css */
.hero[b-0b35a4alj4] {
  height: 212px;
  width: calc(100% + 18px);
  margin-left: -10px;
  margin-right: -10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-content[b-0b35a4alj4] {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hero-content *[b-0b35a4alj4] {
  color: #fff;
}

.hero-content h2[b-0b35a4alj4] {
  font-size: 1.4rem;
  font-weight: 400;
  text-decoration: underline;
  text-underline-offset: 5px;
}

@media screen and (min-width: 575px) {
  .hero[b-0b35a4alj4] {
    width: 100%;
    margin: 0;
  }
}

@media screen and (min-width: 768px) {
  .hero-content h2[b-0b35a4alj4] {
    font-size: 2.5rem;
    text-underline-offset: 8px;
  }

  .hero[b-0b35a4alj4] {
    height: 250px;
  }
}
/* _content/PresLes.Online.Customers.Web/Features/Shared/Components/OneTimePin/Default.cshtml.rz.scp.css */
.otp-input[b-nuugaiwfo3] {
  text-align: center;
  width: 40px;
  height: 40px;
  background-color: #fff;
  margin-left: 10px;
}

.otp-input:first-child[b-nuugaiwfo3] {
  margin-left: 0;
}

.otp-wrapper[b-nuugaiwfo3] {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.otp[b-nuugaiwfo3] {
  margin-bottom: 10px;
}

.error[b-nuugaiwfo3] {
  align-items: center;
  display: none;
  font-size: 1.4rem;
  gap: 10px;
  margin: 10px 0;
}

.error svg[b-nuugaiwfo3] {
  height: 24px;
  margin-right: 5px;
}

.loader[b-nuugaiwfo3] {
  position: absolute;
  border: 16px solid #fff;
  border-top: 16px solid #343232;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin-b-nuugaiwfo3 2s linear infinite;
  z-index: 10000;
}

.loader-overlay[b-nuugaiwfo3] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black */
  z-index: 9999;
}

.loader-container[b-nuugaiwfo3] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@keyframes spin-b-nuugaiwfo3 {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}
/* _content/PresLes.Online.Customers.Web/Features/Shared/Components/PublicFooter/Default.cshtml.rz.scp.css */
ul[b-eeepuf3ro8] {
  display: flex;
  list-style: none;
  justify-content: center;
  gap: 20px;
  flex-flow: row wrap;
}

li[b-eeepuf3ro8] {
  list-style: none;
}

.options li[b-eeepuf3ro8] {
  text-align: center;
  font-size: 1.1rem;
  width: 70px;
}

  .options li a[b-eeepuf3ro8] {
    text-decoration: none;
    align-items: center;
    display: flex;
    flex-direction: column;
  }

  .options li .icon[b-eeepuf3ro8] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--card-box-shadow);
    margin-bottom: 10px;
  }

  .options li svg[b-eeepuf3ro8] {
    width: 31px;
    flex: 1;
  }

.whatsapp[b-eeepuf3ro8] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}

  .whatsapp a[b-eeepuf3ro8] {
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 30px;
    width: 100%;
    transition: background-color var(--transition);
    max-height: 40px;
  }

    .whatsapp a:hover[b-eeepuf3ro8] {
      background-color: #F8F8F8;
    }