@charset "UTF-8";
.nuo-gap-0 {
  gap: 0px !important;
}

.nuo-gap-4 {
  gap: 4px !important;
}

.nuo-gap-6 {
  gap: 6px !important;
}

.nuo-gap-8 {
  gap: 8px !important;
}

.nuo-gap-10 {
  gap: 10px !important;
}

.nuo-gap-12 {
  gap: 12px !important;
}

.nuo-gap-14 {
  gap: 14px !important;
}

.nuo-gap-16 {
  gap: 16px !important;
}

.nuo-gap-20 {
  gap: 20px !important;
}

.nuo-gap-24 {
  gap: 24px !important;
}

.nuo-gap-30 {
  gap: 30px !important;
}

.nuo-gap-32 {
  gap: 32px !important;
}

.nuo-gap-38 {
  gap: 38px !important;
}

.nuo-gap-40 {
  gap: 40px !important;
}

.nuo-gap-48 {
  gap: 48px !important;
}

.nuo-gap-50 {
  gap: 50px !important;
}

.nuo-gap-52 {
  gap: 52px !important;
}

.nuo-gap-58 {
  gap: 58px !important;
}

.nuo-gap-60 {
  gap: 60px !important;
}

.nuo-gap-64 {
  gap: 64px !important;
}

.nuo-gap-80 {
  gap: 80px !important;
}

.nuo-gap-90 {
  gap: 90px !important;
}

.nuo-gap-100 {
  gap: 100px !important;
}

.nuo-gap-120 {
  gap: 120px !important;
}

.nuo-gap-140 {
  gap: 140px !important;
}

.nuo-gap-146 {
  gap: 146px !important;
}

.nuo-gap-156 {
  gap: 156px !important;
}

.nuo-gap-164 {
  gap: 164px !important;
}

.nuo-mb-0 {
  margin-bottom: 0px !important;
}

.nuo-mb-4 {
  margin-bottom: 4px !important;
}

.nuo-mb-6 {
  margin-bottom: 6px !important;
}

.nuo-mb-8 {
  margin-bottom: 8px !important;
}

.nuo-mb-10 {
  margin-bottom: 10px !important;
}

.nuo-mb-12 {
  margin-bottom: 12px !important;
}

.nuo-mb-14 {
  margin-bottom: 14px !important;
}

.nuo-mb-16 {
  margin-bottom: 16px !important;
}

.nuo-mb-20 {
  margin-bottom: 20px !important;
}

.nuo-mb-24 {
  margin-bottom: 24px !important;
}

.nuo-mb-30 {
  margin-bottom: 30px !important;
}

.nuo-mb-32 {
  margin-bottom: 32px !important;
}

.nuo-mb-38 {
  margin-bottom: 38px !important;
}

.nuo-mb-40 {
  margin-bottom: 40px !important;
}

.nuo-mb-48 {
  margin-bottom: 48px !important;
}

.nuo-mb-50 {
  margin-bottom: 50px !important;
}

.nuo-mb-52 {
  margin-bottom: 52px !important;
}

.nuo-mb-58 {
  margin-bottom: 58px !important;
}

.nuo-mb-60 {
  margin-bottom: 60px !important;
}

.nuo-mb-64 {
  margin-bottom: 64px !important;
}

.nuo-mb-80 {
  margin-bottom: 80px !important;
}

.nuo-mb-90 {
  margin-bottom: 90px !important;
}

.nuo-mb-100 {
  margin-bottom: 100px !important;
}

.nuo-mb-120 {
  margin-bottom: 120px !important;
}

.nuo-mb-140 {
  margin-bottom: 140px !important;
}

.nuo-mb-146 {
  margin-bottom: 146px !important;
}

.nuo-mb-156 {
  margin-bottom: 156px !important;
}

.nuo-mb-164 {
  margin-bottom: 164px !important;
}

.nuo-mt-0 {
  margin-top: 0px !important;
}

.nuo-mt-4 {
  margin-top: 4px !important;
}

.nuo-mt-6 {
  margin-top: 6px !important;
}

.nuo-mt-8 {
  margin-top: 8px !important;
}

.nuo-mt-10 {
  margin-top: 10px !important;
}

.nuo-mt-12 {
  margin-top: 12px !important;
}

.nuo-mt-14 {
  margin-top: 14px !important;
}

.nuo-mt-16 {
  margin-top: 16px !important;
}

.nuo-mt-20 {
  margin-top: 20px !important;
}

.nuo-mt-24 {
  margin-top: 24px !important;
}

.nuo-mt-30 {
  margin-top: 30px !important;
}

.nuo-mt-32 {
  margin-top: 32px !important;
}

.nuo-mt-38 {
  margin-top: 38px !important;
}

.nuo-mt-40 {
  margin-top: 40px !important;
}

.nuo-mt-48 {
  margin-top: 48px !important;
}

.nuo-mt-50 {
  margin-top: 50px !important;
}

.nuo-mt-52 {
  margin-top: 52px !important;
}

.nuo-mt-58 {
  margin-top: 58px !important;
}

.nuo-mt-60 {
  margin-top: 60px !important;
}

.nuo-mt-64 {
  margin-top: 64px !important;
}

.nuo-mt-80 {
  margin-top: 80px !important;
}

.nuo-mt-90 {
  margin-top: 90px !important;
}

.nuo-mt-100 {
  margin-top: 100px !important;
}

.nuo-mt-120 {
  margin-top: 120px !important;
}

.nuo-mt-140 {
  margin-top: 140px !important;
}

.nuo-mt-146 {
  margin-top: 146px !important;
}

.nuo-mt-156 {
  margin-top: 156px !important;
}

.nuo-mt-164 {
  margin-top: 164px !important;
}

.nuo-pb-0 {
  padding-bottom: 0px !important;
}

.nuo-pb-4 {
  padding-bottom: 4px !important;
}

.nuo-pb-6 {
  padding-bottom: 6px !important;
}

.nuo-pb-8 {
  padding-bottom: 8px !important;
}

.nuo-pb-10 {
  padding-bottom: 10px !important;
}

.nuo-pb-12 {
  padding-bottom: 12px !important;
}

.nuo-pb-14 {
  padding-bottom: 14px !important;
}

.nuo-pb-16 {
  padding-bottom: 16px !important;
}

.nuo-pb-20 {
  padding-bottom: 20px !important;
}

.nuo-pb-24 {
  padding-bottom: 24px !important;
}

.nuo-pb-30 {
  padding-bottom: 30px !important;
}

.nuo-pb-32 {
  padding-bottom: 32px !important;
}

.nuo-pb-38 {
  padding-bottom: 38px !important;
}

.nuo-pb-40 {
  padding-bottom: 40px !important;
}

.nuo-pb-48 {
  padding-bottom: 48px !important;
}

.nuo-pb-50 {
  padding-bottom: 50px !important;
}

.nuo-pb-52 {
  padding-bottom: 52px !important;
}

.nuo-pb-58 {
  padding-bottom: 58px !important;
}

.nuo-pb-60 {
  padding-bottom: 60px !important;
}

.nuo-pb-64 {
  padding-bottom: 64px !important;
}

.nuo-pb-80 {
  padding-bottom: 80px !important;
}

.nuo-pb-90 {
  padding-bottom: 90px !important;
}

.nuo-pb-100 {
  padding-bottom: 100px !important;
}

.nuo-pb-120 {
  padding-bottom: 120px !important;
}

.nuo-pb-140 {
  padding-bottom: 140px !important;
}

.nuo-pb-146 {
  padding-bottom: 146px !important;
}

.nuo-pb-156 {
  padding-bottom: 156px !important;
}

.nuo-pb-164 {
  padding-bottom: 164px !important;
}

.nuo-pt-0 {
  padding-top: 0px !important;
}

.nuo-pt-4 {
  padding-top: 4px !important;
}

.nuo-pt-6 {
  padding-top: 6px !important;
}

.nuo-pt-8 {
  padding-top: 8px !important;
}

.nuo-pt-10 {
  padding-top: 10px !important;
}

.nuo-pt-12 {
  padding-top: 12px !important;
}

.nuo-pt-14 {
  padding-top: 14px !important;
}

.nuo-pt-16 {
  padding-top: 16px !important;
}

.nuo-pt-20 {
  padding-top: 20px !important;
}

.nuo-pt-24 {
  padding-top: 24px !important;
}

.nuo-pt-30 {
  padding-top: 30px !important;
}

.nuo-pt-32 {
  padding-top: 32px !important;
}

.nuo-pt-38 {
  padding-top: 38px !important;
}

.nuo-pt-40 {
  padding-top: 40px !important;
}

.nuo-pt-48 {
  padding-top: 48px !important;
}

.nuo-pt-50 {
  padding-top: 50px !important;
}

.nuo-pt-52 {
  padding-top: 52px !important;
}

.nuo-pt-58 {
  padding-top: 58px !important;
}

.nuo-pt-60 {
  padding-top: 60px !important;
}

.nuo-pt-64 {
  padding-top: 64px !important;
}

.nuo-pt-80 {
  padding-top: 80px !important;
}

.nuo-pt-90 {
  padding-top: 90px !important;
}

.nuo-pt-100 {
  padding-top: 100px !important;
}

.nuo-pt-120 {
  padding-top: 120px !important;
}

.nuo-pt-140 {
  padding-top: 140px !important;
}

.nuo-pt-146 {
  padding-top: 146px !important;
}

.nuo-pt-156 {
  padding-top: 156px !important;
}

.nuo-pt-164 {
  padding-top: 164px !important;
}

.nuo-m-0 {
  margin: 0px !important;
}

.nuo-m-4 {
  margin: 4px !important;
}

.nuo-m-6 {
  margin: 6px !important;
}

.nuo-m-8 {
  margin: 8px !important;
}

.nuo-m-10 {
  margin: 10px !important;
}

.nuo-m-12 {
  margin: 12px !important;
}

.nuo-m-14 {
  margin: 14px !important;
}

.nuo-m-16 {
  margin: 16px !important;
}

.nuo-m-20 {
  margin: 20px !important;
}

.nuo-m-24 {
  margin: 24px !important;
}

.nuo-m-30 {
  margin: 30px !important;
}

.nuo-m-32 {
  margin: 32px !important;
}

.nuo-m-38 {
  margin: 38px !important;
}

.nuo-m-40 {
  margin: 40px !important;
}

.nuo-m-48 {
  margin: 48px !important;
}

.nuo-m-50 {
  margin: 50px !important;
}

.nuo-m-52 {
  margin: 52px !important;
}

.nuo-m-58 {
  margin: 58px !important;
}

.nuo-m-60 {
  margin: 60px !important;
}

.nuo-m-64 {
  margin: 64px !important;
}

.nuo-m-80 {
  margin: 80px !important;
}

.nuo-m-90 {
  margin: 90px !important;
}

.nuo-m-100 {
  margin: 100px !important;
}

.nuo-m-120 {
  margin: 120px !important;
}

.nuo-m-140 {
  margin: 140px !important;
}

.nuo-m-146 {
  margin: 146px !important;
}

.nuo-m-156 {
  margin: 156px !important;
}

.nuo-m-164 {
  margin: 164px !important;
}

.nuo-p-0 {
  padding: 0px !important;
}

.nuo-p-4 {
  padding: 4px !important;
}

.nuo-p-6 {
  padding: 6px !important;
}

.nuo-p-8 {
  padding: 8px !important;
}

.nuo-p-10 {
  padding: 10px !important;
}

.nuo-p-12 {
  padding: 12px !important;
}

.nuo-p-14 {
  padding: 14px !important;
}

.nuo-p-16 {
  padding: 16px !important;
}

.nuo-p-20 {
  padding: 20px !important;
}

.nuo-p-24 {
  padding: 24px !important;
}

.nuo-p-30 {
  padding: 30px !important;
}

.nuo-p-32 {
  padding: 32px !important;
}

.nuo-p-38 {
  padding: 38px !important;
}

.nuo-p-40 {
  padding: 40px !important;
}

.nuo-p-48 {
  padding: 48px !important;
}

.nuo-p-50 {
  padding: 50px !important;
}

.nuo-p-52 {
  padding: 52px !important;
}

.nuo-p-58 {
  padding: 58px !important;
}

.nuo-p-60 {
  padding: 60px !important;
}

.nuo-p-64 {
  padding: 64px !important;
}

.nuo-p-80 {
  padding: 80px !important;
}

.nuo-p-90 {
  padding: 90px !important;
}

.nuo-p-100 {
  padding: 100px !important;
}

.nuo-p-120 {
  padding: 120px !important;
}

.nuo-p-140 {
  padding: 140px !important;
}

.nuo-p-146 {
  padding: 146px !important;
}

.nuo-p-156 {
  padding: 156px !important;
}

.nuo-p-164 {
  padding: 164px !important;
}

.nuo-p-0 {
  padding: 0 !important;
}

.nuo-m-0 {
  margin: 0 !important;
}

.nuo-gap-16-8 {
  gap: 16px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-gap-16-8 {
    gap: 8px !important;
  }
}

.nuo-gap-24-16 {
  gap: 24px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-gap-24-16 {
    gap: 16px !important;
  }
}

.nuo-gap-32-24 {
  gap: 32px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-gap-32-24 {
    gap: 24px !important;
  }
}

.nuo-gap-48-16 {
  gap: 48px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-gap-48-16 {
    gap: 16px !important;
  }
}

.nuo-gap-48-24 {
  gap: 48px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-gap-48-24 {
    gap: 24px !important;
  }
}

.nuo-gap-48-32 {
  gap: 48px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-gap-48-32 {
    gap: 32px !important;
  }
}

.nuo-gap-50-32 {
  gap: 50px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-gap-50-32 {
    gap: 32px !important;
  }
}

.nuo-gap-52-16 {
  gap: 52px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-gap-52-16 {
    gap: 16px !important;
  }
}

.nuo-gap-52-48 {
  gap: 52px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-gap-52-48 {
    gap: 48px !important;
  }
}

.nuo-gap-64-16 {
  gap: 64px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-gap-64-16 {
    gap: 16px !important;
  }
}

.nuo-gap-64-48 {
  gap: 64px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-gap-64-48 {
    gap: 48px !important;
  }
}

.nuo-gap-80-16 {
  gap: 80px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-gap-80-16 {
    gap: 16px !important;
  }
}

.nuo-gap-80-40 {
  gap: 80px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-gap-80-40 {
    gap: 40px !important;
  }
}

.nuo-mb-64-48 {
  margin-bottom: 64px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-mb-64-48 {
    margin-bottom: 48px !important;
  }
}

.nuo-mb-52-48 {
  margin-bottom: 52px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-mb-52-48 {
    margin-bottom: 48px !important;
  }
}

.nuo-mb-50-32 {
  margin-bottom: 50px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-mb-50-32 {
    margin-bottom: 32px !important;
  }
}

.nuo-mb-80-40 {
  margin-bottom: 80px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-mb-80-40 {
    margin-bottom: 40px !important;
  }
}

.nuo-mt-64-48 {
  margin-top: 64px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-mt-64-48 {
    margin-top: 48px !important;
  }
}

.nuo-mt-52-48 {
  margin-top: 52px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-mt-52-48 {
    margin-top: 48px !important;
  }
}

.nuo-mt-50-32 {
  margin-top: 50px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-mt-50-32 {
    margin-top: 32px !important;
  }
}

.nuo-mt-80-40 {
  margin-top: 80px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-mt-80-40 {
    margin-top: 40px !important;
  }
}

.nuo-pb-64-48 {
  padding-bottom: 64px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-pb-64-48 {
    padding-bottom: 48px !important;
  }
}

.nuo-pb-52-48 {
  padding-bottom: 52px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-pb-52-48 {
    padding-bottom: 48px !important;
  }
}

.nuo-pb-50-32 {
  padding-bottom: 50px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-pb-50-32 {
    padding-bottom: 32px !important;
  }
}

.nuo-pb-80-40 {
  padding-bottom: 80px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-pb-80-40 {
    padding-bottom: 40px !important;
  }
}

.nuo-pb-164-140 {
  padding-bottom: 164px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-pb-164-140 {
    padding-bottom: 140px !important;
  }
}

.nuo-pt-64-48 {
  padding-top: 64px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-pt-64-48 {
    padding-top: 48px !important;
  }
}

.nuo-pt-52-48 {
  padding-top: 52px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-pt-52-48 {
    padding-top: 48px !important;
  }
}

.nuo-pt-50-32 {
  padding-top: 50px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-pt-50-32 {
    padding-top: 32px !important;
  }
}

.nuo-pt-80-40 {
  padding-top: 80px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-pt-80-40 {
    padding-top: 40px !important;
  }
}

.nuo-pt-164-140 {
  padding-top: 164px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-pt-164-140 {
    padding-top: 140px !important;
  }
}

/* Box sizing reset */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin and padding */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dd,
ol,
ul,
figure,
hr,
fieldset,
legend {
  margin: 0;
  padding: 0;
}

/* Remove list styles on ul, ol */
ul,
ol {
  list-style: none;
}

/* Remove quotes on blockquote and q */
blockquote,
q {
  quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
}

/* Remove default button and input styles */
button,
input,
select,
textarea {
  margin: 0;
  padding: 0;
  font: inherit;
  color: inherit;
  background: none;
  border: none;
  outline: none;
}

/* Remove link underline */
a,
.remove {
  text-decoration: none !important;
  color: inherit;
}

/* Set default body styles */
body {
  font-family: "FamiljenGrotesk-Regular", sans-serif;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

label,
a,
span,
p,
i,
strong {
  font-family: "FamiljenGrotesk-Regular", sans-serif;
}

/* Media elements */
img,
video {
  max-width: 100%;
  height: auto;
  display: block;
}

body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 5000px;
  z-index: 9999999;
  width: 100%;
  height: 7200px;
  display: block;
  opacity: 0.5;
  /* visibility: hidden; */
  background-image: url("https://nuoforlife.com/wp-content/uploads/2025/04/Login-Page.jpg");
  /* background-image: url("https://nuoforlife.com/wp-content/uploads/2025/04/Sign-up-Page-scaled.jpg");
    background-image: url("https://nuoforlife.com/wp-content/uploads/2025/04/TEMPLATE-PAGE-Register-Affiliate-account-scaled.jpg");
    background-image: url("https://nuoforlife.com/wp-content/uploads/2025/04/TEMPLATE-PAGE-Register-referred-user-scaled.jpg"); */
  /* background-image: url("https://nuoforlife.com/wp-content/uploads/2025/02/HOMEPAGE_Desktop-scaled.jpg"); */
  /* background-image: url("https://nuoforlife.com/wp-content/uploads/2025/02/Goal-Desktop-scaled.jpg"); */
  /* background-image: url("https://nuoforlife.com/wp-content/uploads/2025/02/SHOP-Desktop-scaled.jpg"); */
  /* background-image: url("https://nuoforlife.com/wp-content/uploads/2025/02/SHOP-DETAIL-Desktop-scaled.jpg"); */
  /* background-image: url("https://nuoforlife.com/wp-content/uploads/2025/02/ABOUT-US-Desktop-scaled.jpg"); */
  /* background-image: url("https://nuoforlife.com/wp-content/uploads/2025/02/LEARN-NEWS-Desktop-scaled.jpg"); */
  /* background-image: url("https://nuoforlife.com/wp-content/uploads/2025/02/PROFILE-Desktop-scaled.jpg"); */
  /* background-image: url("https://nuoforlife.com/wp-content/uploads/2025/02/ORDERS-Desktop-scaled.jpg.jpg"); */
  /* background-image: url("https://nuoforlife.com/wp-content/uploads/2025/02/CART-Desktop-scaled.jpg"); */
  background-repeat: no-repeat;
  background-size: 100%;
  user-select: none;
}
@media only screen and (max-width: 48em) {
  body::before {
    background-image: url("https://nuoforlife.com/wp-content/uploads/2025/02/HOMEPAGE_Mobile-scaled.jpg");
    /* background-image: url("https://nuoforlife.com/wp-content/uploads/2025/02/GOALS-Mobile-scaled.jpg"); */
    /* background-image: url("https://nuoforlife.com/wp-content/uploads/2025/02/SHOP-Mobile-scaled.jpg"); */
    /* background-image: url("https://nuoforlife.com/wp-content/uploads/2025/02/SHOP-DETAILS-Mobile-scaled.jpg"); */
    /* background-image: url("https://nuoforlife.com/wp-content/uploads/2025/02/ABOUT-Mobile-scaled.jpg"); */
    /* background-image: url("https://nuoforlife.com/wp-content/uploads/2025/02/LEARN-NEWS-Mobile-scaled.jpg"); */
    /* background-image: url("https://nuoforlife.com/wp-content/uploads/2025/02/PROFILE-Mobile-scaled.jpg"); */
    /* background-image: url("https://nuoforlife.com/wp-content/uploads/2025/02/ORDERS-Mobile-scaled.jpg"); */
    /* background-image: url("https://nuoforlife.com/wp-content/uploads/2025/02/CART-Mobile-scaled.jpg"); */
    /* background-image: url("https://nuoforlife.com/wp-content/uploads/2025/02/menu-Mobile.jpg"); */
  }
}

a {
  color: #369E84;
}

form p {
  margin-bottom: 0px !important;
  margin-right: 0px !important;
}

.form-row .select2-container {
  margin-bottom: 0px;
}

.terms-link, .change-password-link {
  color: #369E84 !important;
}

.html.custom.html_nav_position_text,
.html.custom.html_nav_position_text_top {
  display: none;
}

.nuo-fontFamily {
  font-family: "MNNuoLifeVF", sans-serif;
}

.button, button, fieldset, input, select, textarea {
  margin-bottom: 0 !important;
}

h1, h2, h3, h4, h5, h6 {
  padding-top: 0px !important;
}

.nuo-ff-NuoFont {
  font-family: "MNNuoLifeVF", sans-serif !important;
}
.nuo-ff-NuoFont h1,
.nuo-ff-NuoFont h2,
.nuo-ff-NuoFont h3,
.nuo-ff-NuoFont p,
.nuo-ff-NuoFont span {
  font-family: "MNNuoLifeVF", sans-serif !important;
}

.nuo-text-32-20,
.nuo-text-32-20 p,
.nuo-text-32-20 span {
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.32px;
}
@media only screen and (max-width: 48em) {
  .nuo-text-32-20,
  .nuo-text-32-20 p,
  .nuo-text-32-20 span {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.2px;
  }
}

.nuo-fs-32,
.nuo-fs-32 > h1 {
  font-size: 32px !important;
  line-height: 1;
}
@media only screen and (max-width: 48em) {
  .nuo-fs-32,
  .nuo-fs-32 > h1 {
    font-size: 24px !important;
  }
}

.nuo-fs-48,
.nuo-fs-48 > h1 {
  font-size: 48px !important;
  line-height: 1;
}
@media only screen and (max-width: 48em) {
  .nuo-fs-48,
  .nuo-fs-48 > h1 {
    font-size: 32px !important;
  }
}

.nuo-fs-55,
.nuo-fs-55 > h1 {
  font-size: 55px !important;
  line-height: 1;
}
@media only screen and (max-width: 48em) {
  .nuo-fs-55,
  .nuo-fs-55 > h1 {
    font-size: 32px !important;
  }
}

.nuo-fs-52,
.nuo-fs-52 > h1 {
  font-size: 52px !important;
  line-height: 1;
}
@media only screen and (max-width: 48em) {
  .nuo-fs-52,
  .nuo-fs-52 > h1 {
    font-size: 32px !important;
  }
}

.nuo-fs-36,
.nuo-fs-36 > h1 {
  font-size: 36px !important;
  line-height: 1;
}
@media only screen and (max-width: 48em) {
  .nuo-fs-36,
  .nuo-fs-36 > h1 {
    font-size: 24px !important;
  }
}

.nuo-fs-35,
.nuo-fs-35 > h1 {
  font-size: 35px !important;
  line-height: 1;
}
@media only screen and (max-width: 48em) {
  .nuo-fs-35,
  .nuo-fs-35 > h1 {
    font-size: 24px !important;
  }
}

.nuo-fs-24,
.nuo-fs-24 > p {
  font-size: 24px !important;
}

.nuo-fs-20-16,
.nuo-fs-20-16 > p {
  font-size: 20px !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.2px;
}
@media only screen and (max-width: 48em) {
  .nuo-fs-20-16,
  .nuo-fs-20-16 > p {
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}

.nuo-fs-20,
.nuo-fs-20 > p {
  font-size: 20px !important;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.2px;
}

.nuo-fs-18,
.nuo-fs-18 > p {
  font-size: 18px !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.16px;
}

.nuo-fs-16,
.nuo-fs-16 > p {
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.16px;
}

.nuo-fs-15,
.nuo-fs-15 > p {
  font-size: 15px !important;
}

.nuo-fs-14,
.nuo-fs-14 > p {
  font-size: 14px !important;
}

.nuo-fs-12,
.nuo-fs-12 > p {
  font-size: 12px !important;
}

.nuo-fs-Desktop-H1,
.nuo-fs-Desktop-H1 h1 {
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  margin-bottom: 16px;
}
@media only screen and (min-width: 48em) {
  .nuo-fs-Desktop-H1,
  .nuo-fs-Desktop-H1 h1 {
    font-family: "FamiljenGrotesk-Bold", sans-serif;
  }
}
@media only screen and (max-width: 48em) {
  .nuo-fs-Desktop-H1,
  .nuo-fs-Desktop-H1 h1 {
    font-size: 30px;
    line-height: 32px;
    letter-spacing: 0.3px;
  }
}

.nuo-fs-Desktop-H2,
.nuo-fs-Desktop-H2 h2 {
  font-size: 55px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
@media only screen and (min-width: 48em) {
  .nuo-fs-Desktop-H2,
  .nuo-fs-Desktop-H2 h2 {
    font-family: "FamiljenGrotesk-Medium", sans-serif;
  }
}
@media only screen and (max-width: 48em) {
  .nuo-fs-Desktop-H2,
  .nuo-fs-Desktop-H2 h2 {
    font-size: 48px;
  }
}

.nuo-fs-Body-16 {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.16px;
}

.nuo-fs-Body-Capital-16 {
  font-size: 16px !important;
  font-style: normal;
  font-family: "FamiljenGrotesk-Medium", sans-serif;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.16px;
  text-transform: uppercase;
}

.nuo-fs-Tablet-Num {
  font-family: "MNNuoLife-Medium-370";
  font-weight: 370;
  font-size: 14px !important;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.42px;
  text-transform: uppercase;
}

.nuo-fs-Tab-35 {
  font-size: 35px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 38px;
  text-transform: capitalize;
}
@media only screen and (max-width: 48em) {
  .nuo-fs-Tab-35 {
    font-size: 25px !important;
  }
}

.nuo-fs-Community-16 {
  font-size: 16px !important;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
}
@media only screen and (min-width: 48em) {
  .nuo-fs-Community-16 {
    font-family: "FamiljenGrotesk-Bold", sans-serif;
  }
}
.nuo-fs-Community-16 p {
  margin-bottom: 16px;
}

.nuo-fs-Community-35 {
  font-size: 35px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
}
.nuo-fs-Community-35 p {
  margin-bottom: 16px;
}

.nuo-fs-post-40 {
  font-size: 40px !important;
  font-style: normal;
  font-family: "FamiljenGrotesk-Medium", sans-serif;
  font-weight: 500;
  line-height: 43px;
  text-transform: capitalize;
}

.nuo-fs-Button-14 {
  font-size: 14px !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.14px;
}

.nuo-fs-Button-18 {
  font-size: 18px !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.18px;
  text-transform: capitalize;
}

.nuo-fs-footer-18 {
  font-size: 18px !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.18px;
  text-transform: capitalize;
}

.nuo-p-16,
.nuo-p-16 > p {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.16px;
}
@media only screen and (max-width: 48em) {
  .nuo-p-16,
  .nuo-p-16 > p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}

.nuo-fw-medium {
  font-family: "FamiljenGrotesk-Medium", sans-serif;
  font-weight: 500 !important;
}

.nuo-fw-bold {
  font-family: "FamiljenGrotesk-Bold", sans-serif;
  font-weight: 700 !important;
}

.nuo-uppercase {
  text-transform: uppercase;
}

.nuo-ls-10 {
  letter-spacing: 10% !important;
}

p,
span {
  letter-spacing: 0.2px;
}

.nuo-c-gray {
  color: #A2A2A2;
}

.nuo-title-53 {
  color: black;
  text-align: center;
  font-family: "FamiljenGrotesk-Medium", sans-serif;
  font-size: 53px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 53px */
  text-transform: uppercase;
}

.nuo-overflow-hidden {
  overflow: hidden;
}

.nuo-m-auto {
  margin: 0 auto;
}

.nuo-no-px {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.nuo-text-align-center {
  text-align: center !important;
}

.nuo-text-align-left {
  text-align: left !important;
}

.nuo-text-align-right {
  text-align: right !important;
}

.nuo-just-between {
  justify-content: space-between !important;
}

.nuo-maw-md {
  max-width: 700px;
  width: 100%;
}

.nuo-maw-lg {
  max-width: 1080px;
  width: 100%;
}

.nuo-w-64-48 {
  width: 64px;
}
@media only screen and (max-width: 48em) {
  .nuo-w-64-48 {
    width: 48px;
  }
}

.nuo-w-100-64 {
  width: 100px;
}
@media only screen and (max-width: 48em) {
  .nuo-w-100-64 {
    width: 64px;
  }
}

.nuo-w-100-88 {
  width: 100px;
}
@media only screen and (max-width: 48em) {
  .nuo-w-100-88 {
    width: 88px;
  }
}

.nuo-w-100 {
  width: 100%;
}

.nuo-image-radius-0-10 img {
  border-radius: 0px;
}
@media only screen and (max-width: 48em) {
  .nuo-image-radius-0-10 img {
    border-radius: 10px;
  }
}

.nuo--border-radius {
  border-radius: 10px;
}

.nuo-radius-8 {
  border-radius: 8px;
}

.nuo-radius-10 {
  border-radius: 10px;
}

.nuo-radius-15 {
  border-radius: 15px;
}

.nuo-radius-16 {
  border-radius: 16px;
}

.nuo-radius-20 {
  border-radius: 20px;
}

.nuo-radius-24 {
  border-radius: 24px;
}

.nuo-radius-32 {
  border-radius: 32px;
}

.nuo-radius-48 {
  border-radius: 48px;
}

.nuo-radius-56 {
  border-radius: 56px;
}

.nuo-radius-64 {
  border-radius: 64px;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.overflowHidden {
  overflow: hidden;
}

.nuo-flex-1 {
  flex: 1;
}

@media only screen and (min-width: 48em) {
  .nuo-flex-1-desktop {
    flex: 1;
  }
}

.nuo-flex {
  display: flex;
}

.nuo-flex-align-center {
  align-items: center;
}

@media only screen and (min-width: 48em) {
  .nuo-flex-align-center-desktop {
    align-items: center;
  }
}

.nuo-flex-justify-center {
  justify-content: center;
}

@media only screen and (min-width: 48em) {
  .nuo-flex-justify-center-desktop {
    justify-content: center;
  }
}

.nuo-flex-center {
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.nuo-flex-col {
  display: flex !important;
  flex-direction: column;
}

.nuo-flex-col-reverse {
  display: flex !important;
  flex-direction: column-reverse;
}

.nuo-flex-col-desktop {
  display: flex !important;
  flex-direction: column;
}
@media only screen and (max-width: 48em) {
  .nuo-flex-col-desktop {
    flex-direction: column-reverse;
  }
}

.nuo-flex-row-desktop {
  display: flex !important;
  flex-direction: row;
}
@media only screen and (max-width: 48em) {
  .nuo-flex-row-desktop {
    flex-direction: column;
  }
}

.nuo-flex-row {
  display: flex !important;
  flex-direction: row;
}

.nuo-flex-row-reverse {
  display: flex !important;
  flex-direction: row-reverse;
}

.nuo-flex-row-desktop-reverse {
  display: flex !important;
  flex-direction: row;
}
@media only screen and (max-width: 48em) {
  .nuo-flex-row-desktop-reverse {
    flex-direction: row-reverse;
  }
}

.nuo-flex-col-gap-10 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.nuo-flex-col-gap-12 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.nuo-flex-col-gap-16 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.nuo-flex-col-gap-24 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.nuo-flex-col-gap-30 {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.nuo-flex-col-gap-40 {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.nuo-flex-col-gap-44 {
  display: flex;
  flex-direction: column;
  gap: 44px;
}

.nuo-flex-col-gap-46 {
  display: flex;
  flex-direction: column;
  gap: 46px;
}

.nuo-flex-col-gap-48 {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.nuo-flex-col-gap-56 {
  display: flex;
  flex-direction: column;
  gap: 56px;
}

.nuo-flex-col-gap-64 {
  display: flex;
  flex-direction: column;
  gap: 64px;
}

.nuo-flex-col-gap-88 {
  display: flex;
  flex-direction: column;
  gap: 88px;
}

.nuo-flex-row-gap-10 {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.nuo-flex-row-gap-12 {
  display: flex;
  flex-direction: row;
  gap: 12px;
}

.nuo-flex-row-gap-16 {
  display: flex;
  flex-direction: row;
  gap: 16px;
}

.nuo-flex-row-gap-24 {
  display: flex;
  flex-direction: row;
  gap: 24px;
}

.nuo-flex-row-gap-30 {
  display: flex;
  flex-direction: row;
  gap: 30px;
}

.nuo-flex-row-gap-40 {
  display: flex;
  flex-direction: row;
  gap: 40px;
}

.nuo-flex-row-gap-44 {
  display: flex;
  flex-direction: row;
  gap: 44px;
}

.nuo-flex-row-gap-46 {
  display: flex;
  flex-direction: row;
  gap: 46px;
}

.nuo-flex-row-gap-48 {
  display: flex;
  flex-direction: row;
  gap: 48px;
}

.nuo-flex-row-gap-56 {
  display: flex;
  flex-direction: row;
  gap: 56px;
}

.nuo-flex-row-gap-64 {
  display: flex;
  flex-direction: row;
  gap: 64px;
}

.nuo-flex-row-gap-88 {
  display: flex;
  flex-direction: row;
  gap: 88px;
}

.nuo-panel-small {
  width: 320px;
}
@media only screen and (max-width: 48em) {
  .nuo-panel-small {
    width: 100%;
  }
}

.nuo-cl-primary {
  color: #369E84 !important;
}

.nuo-border-primary {
  border-color: #369E84 !important;
}

.nuo-bg-primary {
  background-color: #369E84 !important;
}

.nuo-cl-black {
  color: #000000 !important;
}

.nuo-border-black {
  border-color: #000000 !important;
}

.nuo-bg-black {
  background-color: #000000 !important;
}

.nuo-cl-pink {
  color: #EB5994 !important;
}
.nuo-cl-pink bdi {
  color: #EB5994 !important;
}

.nuo-cl-secondary {
  color: #A2A2A2 !important;
}

.nuo-bg-secondary {
  background-color: #f8f9fa !important;
}

.nuo-border-success {
  border-color: #28a745 !important;
}

.nuo-bg-success {
  background-color: #28a745 !important;
}

.nuo-bg-success-secondary {
  background-color: rgba(40, 167, 69, 0.15) !important;
}

.nuo-text-success {
  color: #28a745 !important;
}

.nuo-border-danger {
  border-color: #dc3545 !important;
}

.nuo-bg-danger {
  background-color: #dc3545 !important;
}

.nuo-bg-danger-secondary {
  background-color: rgba(220, 53, 69, 0.15) !important;
}

.nuo-text-danger {
  color: #dc3545 !important;
}

.nuo-border-warning {
  border-color: #ffc107 !important;
}

.nuo-bg-warning {
  background-color: #ffc107 !important;
}

.nuo-bg-danger-secondary {
  background-color: rgba(255, 193, 7, 0.15) !important;
}

.nuo-text-warning {
  color: #ffc107 !important;
}

.nuo-border-info {
  border-color: #17a2b8 !important;
}

.nuo-bg-info {
  background-color: #17a2b8 !important;
}

.nuo-bg-info-secondary {
  background-color: rgba(23, 162, 184, 0.15) !important;
}

.nuo-text-info {
  color: #17a2b8 !important;
}

.nuo-no-focus {
  outline: none !important;
}

.nuo-hidden {
  display: none !important;
}

.nuo-header {
  position: absolute;
  width: 100%;
  z-index: inherit;
}
.nuo-header .nuo-header-wrapper {
  z-index: inherit;
}
.nuo-header .nuo-header-wrapper .nuo-header-main {
  z-index: inherit;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk {
  display: flex;
  flex-direction: row;
  gap: 16px;
  padding-left: 48px !important;
  padding-right: 48px !important;
  padding-top: 56px;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-left {
  display: flex;
  align-items: center;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-left .nuo-logo {
  mix-blend-mode: difference;
  isolation: isolate;
  position: fixed;
  z-index: 999;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-left .nuo-logo .nuo-log-light,
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-left .nuo-logo .nuo-log-dark-t1 {
  width: 176px;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-left .nuo-logo .nuo-log-light {
  display: none !important;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-left .nuo-logo .nuo-log-dark-t1 {
  display: block !important;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-center {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-center .header-nav {
  width: auto;
  position: fixed;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 16px 32px;
  z-index: 1000;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-center .header-nav .menu-item,
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-center .header-nav .nuo-header-language-switcher {
  position: relative;
  padding: 0;
  margin: 0;
  z-index: 2;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-center .header-nav .menu-item a,
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-center .header-nav .nuo-header-language-switcher a {
  position: relative;
  display: flex;
  gap: 4px;
  color: white;
  padding: 0;
  font-size: 18px;
  font-style: normal;
  font-family: "FamiljenGrotesk-Medium", sans-serif;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.36px;
  text-decoration: none;
  text-transform: uppercase;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-center .header-nav .menu-item a::before,
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-center .header-nav .nuo-header-language-switcher a::before {
  opacity: 0;
  content: "[";
  display: block;
  position: relative;
  top: -1px;
  transition: all 0.3s ease;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-center .header-nav .menu-item a::after,
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-center .header-nav .nuo-header-language-switcher a::after {
  opacity: 0;
  content: "]";
  display: block;
  position: relative;
  top: -1px;
  transition: all 0.3s ease;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-center .header-nav .menu-item a:hover,
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-center .header-nav .nuo-header-language-switcher a:hover {
  opacity: 1;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-center .header-nav .menu-item a:hover::before,
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-center .header-nav .nuo-header-language-switcher a:hover::before {
  opacity: 1;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-center .header-nav .menu-item a:hover::after,
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-center .header-nav .nuo-header-language-switcher a:hover::after {
  opacity: 1;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-center .header-nav .menu-item.active a,
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-center .header-nav .nuo-header-language-switcher.active a {
  opacity: 1;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-center .header-nav .menu-item.active a::before,
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-center .header-nav .nuo-header-language-switcher.active a::before {
  opacity: 1;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-center .header-nav .menu-item.active a::after,
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-center .header-nav .nuo-header-language-switcher.active a::after {
  opacity: 1;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-center .header-nav .nuo-header-language-switcher {
  display: block;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-center .header-nav .nuo-header-language-switcher .custom-language-switcher {
  color: rgba(255, 255, 255, 0.5);
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-center .header-nav .nuo-header-language-switcher .custom-language-switcher span {
  color: white;
  opacity: 0.5;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-center .header-nav .nuo-header-language-switcher .custom-language-switcher a {
  color: white;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-center .header-nav .nuo-header-language-switcher .custom-language-switcher a::before, .nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-center .header-nav .nuo-header-language-switcher .custom-language-switcher a::after {
  display: none;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-center .header-nav.nuo-mock {
  position: fixed;
  border-radius: 1rem;
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(5.1px);
  mix-blend-mode: difference;
  z-index: 999;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-center .header-nav.nuo-mock .menu-item,
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-center .header-nav.nuo-mock .nuo-header-language-switcher {
  opacity: 0;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-right {
  display: flex;
  align-items: center;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-right .header-nav {
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 16px;
  position: fixed;
  z-index: 1000;
  right: 48px;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-right .header-nav > li {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  transition: none;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-right .header-nav .html_nav_position_text {
  display: none;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-right .header-nav > .nuo-header-search-t3, .nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-right .header-nav > .cart-item, .nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-right .header-nav > .account-item {
  width: 45px;
  height: 45px;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-right .header-nav > .nuo-header-search-t3 > a, .nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-right .header-nav > .cart-item > a, .nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-right .header-nav > .account-item > a {
  position: relative;
  z-index: 2;
  width: 45px;
  height: 45px;
  padding: 0px;
  cursor: pointer;
  text-decoration: none;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-right .header-nav > .nuo-header-search-t3 > a .image-icon,
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-right .header-nav > .nuo-header-search-t3 > a i, .nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-right .header-nav > .cart-item > a .image-icon,
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-right .header-nav > .cart-item > a i, .nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-right .header-nav > .account-item > a .image-icon,
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-right .header-nav > .account-item > a i {
  display: block;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-right .header-nav > .nuo-header-search-t3 > a .image-icon::before,
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-right .header-nav > .nuo-header-search-t3 > a i::before, .nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-right .header-nav > .cart-item > a .image-icon::before,
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-right .header-nav > .cart-item > a i::before, .nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-right .header-nav > .account-item > a .image-icon::before,
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-right .header-nav > .account-item > a i::before {
  display: none;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-right .header-nav > .nuo-header-search-t3 > a i {
  background-image: url("https://nuoforlife.com/wp-content/uploads/2024/12/icon-search-white.svg");
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-right .header-nav > .cart-item > a i {
  background-image: url("https://nuoforlife.com/wp-content/uploads/2025/02/icon-cart-white-v1.svg");
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-right .header-nav > .account-item > a i {
  background-image: url("https://nuoforlife.com/wp-content/uploads/2024/12/icon-account-white.svg");
}
@media only screen and (max-width: 48em) {
  .nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-right .header-nav > .account-item > .nav-dropdown {
    display: none;
  }
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-right .header-nav > .account-item::after, .nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-right .header-nav > .account-item::before {
  display: none;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-right .header-nav > .account-item.current-dropdown .nav-dropdown {
  position: fixed;
  top: 150px;
  right: 45px;
  left: inherit;
  border: 0;
  border-radius: 15px;
  z-index: 999;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-right .header-nav > .account-item.current-dropdown .nav-dropdown a {
  text-decoration: none;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-right .header-nav.nuo-mock {
  z-index: 999;
  mix-blend-mode: difference;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-right .header-nav.nuo-mock > li {
  width: 45px;
  height: 45px;
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(5.1px);
  border-radius: 32px;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-logo {
  mix-blend-mode: difference;
  isolation: isolate;
  position: absolute;
  top: 56px;
  left: 24px;
  z-index: 999;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-logo .nuo-log-light,
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-logo .nuo-log-dark-t1 {
  width: 176px;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-logo .nuo-log-light {
  display: none !important;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-logo .nuo-log-dark-t1 {
  display: block !important;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 40px;
  right: 24px;
  left: 24px;
  z-index: 1000;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob {
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8vw;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob > li {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  transition: none;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob .html_nav_position_text {
  display: none;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob > .nuo-header-search-t3, .nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob > .cart-item, .nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob > .account-item {
  width: 45px;
  height: 45px;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob > .nuo-header-search-t3 > a, .nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob > .cart-item > a, .nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob > .account-item > a {
  position: relative;
  z-index: 2;
  width: 45px;
  height: 45px;
  padding: 0px;
  cursor: pointer;
  text-decoration: none;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob > .nuo-header-search-t3 > a .image-icon,
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob > .nuo-header-search-t3 > a i, .nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob > .cart-item > a .image-icon,
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob > .cart-item > a i, .nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob > .account-item > a .image-icon,
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob > .account-item > a i {
  display: block;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob > .nuo-header-search-t3 > a .image-icon::before,
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob > .nuo-header-search-t3 > a i::before, .nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob > .cart-item > a .image-icon::before,
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob > .cart-item > a i::before, .nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob > .account-item > a .image-icon::before,
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob > .account-item > a i::before {
  display: none;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob > .nav-icon {
  width: 45px;
  height: 45px;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob > .nav-icon a {
  width: 45px;
  height: 45px;
  padding: 0px;
  background-color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob > .nav-icon a i {
  display: block;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob > .nav-icon a i::before {
  display: none;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob > .nav-icon > a i {
  background-image: url("https://nuoforlife.com/wp-content/uploads/2024/12/icon-menu-white.svg");
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob > .nav-icon > a.current-lightbox-clicked {
  background-color: black;
  border-radius: 45px;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob > .nav-icon > a.current-lightbox-clicked i {
  background-image: url("https://nuoforlife.com/wp-content/uploads/2025/02/icon-close-modal-dark.svg");
  background-size: 20px;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob > .header-search > a i {
  background-image: url("https://nuoforlife.com/wp-content/uploads/2024/12/icon-search-white.svg");
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob > .cart-item > a i {
  background-image: url("https://nuoforlife.com/wp-content/uploads/2025/02/icon-cart-white-v1.svg");
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob > .account-item > a i {
  background-image: url("https://nuoforlife.com/wp-content/uploads/2024/12/icon-account-white.svg");
}
@media only screen and (max-width: 48em) {
  .nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob > .account-item > .nav-dropdown {
    display: none;
  }
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob > .account-item::after, .nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob > .account-item::before {
  display: none;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob > .account-item.current-dropdown .nav-dropdown {
  position: fixed;
  top: 150px;
  right: 45px;
  left: inherit;
  border: 0;
  border-radius: 15px;
  z-index: 999;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob > .account-item.current-dropdown .nav-dropdown a {
  text-decoration: none;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob.nuo-mock {
  z-index: 999;
  mix-blend-mode: difference;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob.nuo-mock > li {
  width: 45px;
  height: 45px;
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(5.1px);
  border-radius: 32px;
}
.nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-overlay-nav-mob {
  height: 64px;
  position: fixed;
  bottom: 32px;
  right: 24px;
  left: 24px;
  background-color: rgba(127, 127, 127, 0.2);
  /* background-color: white;
     opacity: 0.2; */
  backdrop-filter: blur(5.1px);
  border-radius: 1rem;
  /* mix-blend-mode: difference; */
  z-index: 999;
}
.nuo-header .nuo-header-wrapper .nuo-header-bg-container {
  display: none;
}

.nuo-menu-active .nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper {
  z-index: 9999;
  justify-content: flex-end;
}
.nuo-menu-active .nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob > .nuo-header-search-t3, .nuo-menu-active .nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob > .cart-item, .nuo-menu-active .nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob > .account-item {
  display: none;
}
.nuo-menu-active .nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-overlay-nav-mob {
  display: none;
}

.nuo-menu-mob.mobile-sidebar .sidebar-menu {
  padding-top: 62px;
  padding-bottom: 100px;
  position: relative;
}
.nuo-menu-mob.mobile-sidebar .sidebar-menu .nav-sidebar {
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.nuo-menu-mob.mobile-sidebar .sidebar-menu .header-search-form {
  display: none !important;
}
.nuo-menu-mob.mobile-sidebar .sidebar-menu .menu-item {
  border: 0px !important;
  margin-bottom: 8px;
}
.nuo-menu-mob.mobile-sidebar .sidebar-menu .menu-item > a, .nuo-menu-mob.mobile-sidebar .sidebar-menu .menu-item > span {
  padding: 0;
  /* padding-bottom: 18px; */
  color: black;
  background-color: white;
  font-size: 28px;
  font-style: normal;
  font-family: "FamiljenGrotesk-Medium", sans-serif;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.56px;
  text-transform: capitalize;
}
.nuo-menu-mob.mobile-sidebar .sidebar-menu .menu-item > a:hover, .nuo-menu-mob.mobile-sidebar .sidebar-menu .menu-item > span:hover {
  color: black;
}
.nuo-menu-mob.mobile-sidebar .sidebar-menu .menu-item-language-switcher {
  padding-top: 16px;
}
.nuo-menu-mob.mobile-sidebar .sidebar-menu .menu-item-language-switcher:hover {
  background-color: transparent;
}
.nuo-menu-mob.mobile-sidebar .sidebar-menu .menu-item-language-switcher .nuo-header-language-switcher {
  width: 100%;
  padding-top: 16px;
  border-top: 1px dashed #A2A2A2 !important;
}
.nuo-menu-mob.mobile-sidebar .sidebar-menu .menu-item-language-switcher .nuo-header-language-switcher .custom-language-switcher {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #A2A2A2;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.56px;
}
.nuo-menu-mob.mobile-sidebar .sidebar-menu .menu-item-language-switcher .nuo-header-language-switcher .custom-language-switcher a {
  color: #000000;
}
.nuo-menu-mob.mobile-sidebar .sidebar-menu .account-item {
  display: none;
}
.nuo-menu-mob.mobile-sidebar .sidebar-menu .account-item > .toggle, .nuo-menu-mob.mobile-sidebar .sidebar-menu .account-item > .children {
  display: none;
}
.nuo-menu-mob.mobile-sidebar .sidebar-menu .nuo-logo-sidebar-menu {
  display: block;
  width: 80%;
  height: 51px;
  background-image: url(https://nuoforlife.com/wp-content/uploads/2024/12/Logo-light.svg);
  background-size: 143px;
  background-repeat: no-repeat;
  margin-left: 24px;
  margin-bottom: 44px;
}

.mfp-ready .mfp-s-ready > .mfp-content {
  background-color: white !important;
}
@media only screen and (max-width: 48em) {
  .mfp-ready .mfp-s-ready > .mfp-content {
    width: 100% !important;
  }
}

.nuo-padding-section,
.nuo-padding-hoz,
.nuo-padding-hoz-48-24 {
  padding-left: 48px !important;
  padding-right: 48px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-padding-section,
  .nuo-padding-hoz,
  .nuo-padding-hoz-48-24 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

.nuo-padding-hoz-48-16 {
  padding-left: 48px !important;
  padding-right: 48px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-padding-hoz-48-16 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

.nuo-pt-164-48 {
  padding-top: 164px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-pt-164-48 {
    padding-top: 48px !important;
  }
}

.nuo-pt-164-140 {
  padding-top: 164px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-pt-164-140 {
    padding-top: 140px !important;
  }
}

.nuo-pt-164-156 {
  padding-top: 164px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-pt-164-156 {
    padding-top: 156px !important;
  }
}

.nuo-pt-180-48 {
  padding-top: 164px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-pt-180-48 {
    padding-top: 48px !important;
  }
}

.bank-modal,
.nuo-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99999;
  align-items: center;
  justify-content: center;
}

.bank-modal-overlay,
.nuo-modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.bank-modal-content,
.nuo-modal-content {
  background-color: #fff;
  margin: 5vh auto;
  width: 90%;
  max-width: 500px;
  max-height: 90vh;
  border-radius: 5px;
  position: relative;
  display: flex;
  flex-direction: column;
  padding-top: 20px;
  padding-bottom: 20px;
  gap: 16px;
}

.bank-modal-header,
.nuo-modal-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
}
.bank-modal-header h3,
.nuo-modal-header h3 {
  flex: 1;
  margin: 0;
}

.bank-modal-body,
.nuo-modal-body {
  overflow-y: auto;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.bank-modal-close,
.nuo-modal-close {
  font-size: 24px;
  cursor: pointer;
  background: none;
  border: none;
  min-height: 0px;
}

.bank-modal-field,
.nuo-modal-field {
  margin-bottom: 16px;
}
.bank-modal-field label,
.nuo-modal-field label {
  display: block;
  margin-bottom: 5px;
  font-weight: 500;
}
.bank-modal-field input,
.bank-modal-field select,
.nuo-modal-field input,
.nuo-modal-field select {
  width: 100%;
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #f9f9f9;
  box-sizing: border-box;
}
.bank-modal-field select,
.nuo-modal-field select {
  appearance: none;
  background-image: url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%23666' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 12px;
  padding-right: 30px;
}

.nuo-modal-footer {
  padding-left: 20px;
  padding-right: 20px;
}

.bank-modal-save,
.nuo-modal-save {
  width: 100%;
  padding: 12px;
  background-color: #000;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: bold;
}

.empty-state {
  background-color: #f9f9f9;
}

.bank-modal-actions,
.nuo-modal-actions {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid #e0e0e0;
}

/* Confirmation Modal styles */
.confirm-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999999;
}

.confirm-modal-content {
  background-color: #fff;
  margin: 15% auto;
  padding: 20px;
  width: 90%;
  max-width: 400px;
  border-radius: 8px;
  position: relative;
  text-align: center;
}

.confirm-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.confirm-modal-header h3 {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
}

.confirm-modal-close {
  font-size: 24px;
  cursor: pointer;
  background: none;
  border: none;
  color: #999;
  min-height: 0px;
}

.confirm-modal-icon {
  width: 60px;
  height: 60px;
  margin: 0 auto 20px;
  border: 3px solid #333;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: bold;
}

.confirm-modal-message {
  margin-bottom: 30px;
  font-size: 14px;
  color: #333;
}

.confirm-modal-buttons {
  display: flex;
  gap: 15px;
}

.confirm-modal-button {
  flex: 1;
  padding: 12px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold;
  text-transform: uppercase;
}

.confirm-cancel {
  background-color: #f5f5f5;
  color: #333;
}

.confirm-yes {
  background-color: #000;
  color: #fff;
}

.confirm-cancel:hover {
  background-color: #e0e0e0;
}

.confirm-yes:hover {
  background-color: #333;
}

.nuo-image-border-radius img {
  border-radius: 10px;
}

.nuo-image-cover {
  object-fit: cover;
}

.nuo-image-fill {
  object-fit: fill;
}

.nuo-image-contain {
  object-fit: contain;
}

/* Aspect ratio utility classes */
.nuo-image-ratio-1-1 {
  aspect-ratio: 1/1;
}

.nuo-image-ratio-3-2 {
  aspect-ratio: 3/2;
}

.nuo-image-ratio-4-1 {
  aspect-ratio: 4/1;
}

.nuo-image-ratio-4-3 {
  aspect-ratio: 4/3;
}

.nuo-image-ratio-16-9 {
  aspect-ratio: 16/9;
}

.nuo-image-ratio-3-4 {
  aspect-ratio: 3/4;
}

.nuo-image-cover,
.nuo-image-fill,
.nuo-image-contain {
  border-color: #F2F2F2 !important;
}

.nuo-thumbnail a {
  display: block;
  width: 100% !important;
}
.nuo-thumbnail img {
  display: block;
  width: 100% !important;
  border-color: #F2F2F2 !important;
}

.nuo-title-banner {
  margin-bottom: 12px;
}
.nuo-title-banner h1 {
  font-size: 48px !important;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
@media only screen and (min-width: 48em) {
  .nuo-title-banner h1 {
    font-family: "FamiljenGrotesk-Bold", sans-serif;
  }
}
@media only screen and (max-width: 48em) {
  .nuo-title-banner h1 {
    font-size: 30px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0.3px;
  }
}

.nuo-title-banner-2 h1 {
  font-size: 55px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  text-transform: uppercase;
}
@media only screen and (min-width: 48em) {
  .nuo-title-banner-2 h1 {
    font-family: "FamiljenGrotesk-Bold", sans-serif;
  }
}
@media only screen and (max-width: 48em) {
  .nuo-title-banner-2 h1 {
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
  }
}

@media only screen and (max-width: 48em) {
  .section-banner-header,
  .section-banner-header-center,
  .nuo-section-banner-home {
    height: 100vh;
  }
}

@media only screen and (max-width: 48em) {
  .section-banner-header,
  .nuo-section-banner-home {
    align-items: flex-end;
    padding-bottom: 140px !important;
  }
}

.select2-container .select2-selection {
  border: 0 !important;
}

/* Button Dark */
.nuo-btn-dark,
.nuo-btn-dark.is-outline,
.nuo-btn-dark-larger,
.nuo-btn-dark-larger.is-outline {
  position: relative;
  border: 0px;
  font-size: 14px;
  font-weight: normal;
  background-color: transparent !important;
  box-shadow: none !important;
  color: white !important;
}
.nuo-btn-dark::after,
.nuo-btn-dark.is-outline::after,
.nuo-btn-dark-larger::after,
.nuo-btn-dark-larger.is-outline::after {
  content: "" !important;
  display: block !important;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 30%;
  border: 1px solid white !important;
  border-bottom: 0px !important;
  border-radius: 10px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  transition: all 0.3s ease;
}
.nuo-btn-dark::before,
.nuo-btn-dark.is-outline::before,
.nuo-btn-dark-larger::before,
.nuo-btn-dark-larger.is-outline::before {
  content: "" !important;
  display: block !important;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 30%;
  border: 1px solid white !important;
  border-top: 0px !important;
  border-radius: 10px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  transition: all 0.3s ease;
}
.nuo-btn-dark:hover,
.nuo-btn-dark.is-outline:hover,
.nuo-btn-dark-larger:hover,
.nuo-btn-dark-larger.is-outline:hover {
  background-color: transparent !important;
  box-shadow: none !important;
  opacity: 1;
  background-color: transparent !important;
}
.nuo-btn-dark:hover::after,
.nuo-btn-dark.is-outline:hover::after,
.nuo-btn-dark-larger:hover::after,
.nuo-btn-dark-larger.is-outline:hover::after {
  top: 20%;
}
.nuo-btn-dark:hover::before,
.nuo-btn-dark.is-outline:hover::before,
.nuo-btn-dark-larger:hover::before,
.nuo-btn-dark-larger.is-outline:hover::before {
  bottom: 20%;
}
.nuo-btn-dark.disabled, .nuo-btn-dark:disabled,
.nuo-btn-dark.is-outline.disabled,
.nuo-btn-dark.is-outline:disabled,
.nuo-btn-dark-larger.disabled,
.nuo-btn-dark-larger:disabled,
.nuo-btn-dark-larger.is-outline.disabled,
.nuo-btn-dark-larger.is-outline:disabled {
  background-color: transparent !important;
  opacity: 0.25 !important;
  color: white !important;
}

form .button {
  border: 1px solid black;
  background-color: transparent;
  border-radius: 10px;
  color: black;
}

.nuo-btn-gray {
  display: flex;
  height: 40px;
  padding: 11px 0px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 10px;
  border: 1px solid #A2A2A2;
  background: #F2F2F2;
  font-size: 14px;
}

/* Button Light */
.woocommerce-button.pay,
.woocommerce-mini-cart__buttons .button:nth-child(1),
.nuo-btn-light,
.nuo-btn-light.is-outline,
.nuo-btn-light-larger,
.nuo-btn-light-larger.is-outline,
.button-continue-shopping,
.button[type=submit] {
  position: relative;
  border: 0px !important;
  font-size: 14px;
  font-weight: normal;
  background-color: transparent !important;
  color: black !important;
  box-shadow: none !important;
}
.woocommerce-button.pay::after,
.woocommerce-mini-cart__buttons .button:nth-child(1)::after,
.nuo-btn-light::after,
.nuo-btn-light.is-outline::after,
.nuo-btn-light-larger::after,
.nuo-btn-light-larger.is-outline::after,
.button-continue-shopping::after,
.button[type=submit]::after {
  content: "" !important;
  display: block !important;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 30%;
  border: 1px solid black !important;
  border-bottom: 0px !important;
  border-radius: 10px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  transition: all 0.3s ease;
}
.woocommerce-button.pay::before,
.woocommerce-mini-cart__buttons .button:nth-child(1)::before,
.nuo-btn-light::before,
.nuo-btn-light.is-outline::before,
.nuo-btn-light-larger::before,
.nuo-btn-light-larger.is-outline::before,
.button-continue-shopping::before,
.button[type=submit]::before {
  content: "" !important;
  display: block !important;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 30%;
  border: 1px solid black !important;
  border-top: 0px !important;
  border-radius: 10px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  transition: all 0.3s ease;
}
.woocommerce-button.pay:hover,
.woocommerce-mini-cart__buttons .button:nth-child(1):hover,
.nuo-btn-light:hover,
.nuo-btn-light.is-outline:hover,
.nuo-btn-light-larger:hover,
.nuo-btn-light-larger.is-outline:hover,
.button-continue-shopping:hover,
.button[type=submit]:hover {
  background-color: transparent !important;
  box-shadow: none !important;
  background-color: transparent !important;
}
.woocommerce-button.pay:hover::after,
.woocommerce-mini-cart__buttons .button:nth-child(1):hover::after,
.nuo-btn-light:hover::after,
.nuo-btn-light.is-outline:hover::after,
.nuo-btn-light-larger:hover::after,
.nuo-btn-light-larger.is-outline:hover::after,
.button-continue-shopping:hover::after,
.button[type=submit]:hover::after {
  top: 20%;
}
.woocommerce-button.pay:hover::before,
.woocommerce-mini-cart__buttons .button:nth-child(1):hover::before,
.nuo-btn-light:hover::before,
.nuo-btn-light.is-outline:hover::before,
.nuo-btn-light-larger:hover::before,
.nuo-btn-light-larger.is-outline:hover::before,
.button-continue-shopping:hover::before,
.button[type=submit]:hover::before {
  bottom: 20%;
}
.woocommerce-button.pay.disabled, .woocommerce-button.pay:disabled,
.woocommerce-mini-cart__buttons .button:nth-child(1).disabled,
.woocommerce-mini-cart__buttons .button:nth-child(1):disabled,
.nuo-btn-light.disabled,
.nuo-btn-light:disabled,
.nuo-btn-light.is-outline.disabled,
.nuo-btn-light.is-outline:disabled,
.nuo-btn-light-larger.disabled,
.nuo-btn-light-larger:disabled,
.nuo-btn-light-larger.is-outline.disabled,
.nuo-btn-light-larger.is-outline:disabled,
.button-continue-shopping.disabled,
.button-continue-shopping:disabled,
.button[type=submit].disabled,
.button[type=submit]:disabled {
  background-color: transparent !important;
  opacity: 0.25 !important;
  color: black !important;
}
.woocommerce-button.pay.loading::after,
.woocommerce-mini-cart__buttons .button:nth-child(1).loading::after,
.nuo-btn-light.loading::after,
.nuo-btn-light.is-outline.loading::after,
.nuo-btn-light-larger.loading::after,
.nuo-btn-light-larger.is-outline.loading::after,
.button-continue-shopping.loading::after,
.button[type=submit].loading::after {
  animation: none;
  margin: 0;
}

button[disabled] {
  cursor: no-drop;
  opacity: 0.25 !important;
}
button[disabled]::after {
  top: 0px !important;
  display: none;
}
button[disabled]::before {
  bottom: 0px !important;
  display: none;
}

.nuo-btn-dark-larger,
.nuo-btn-dark-larger.is-outline,
.nuo-btn-light-larger,
.nuo-btn-light-larger.is-outline,
.nuo-btn-light.add_to_cart_button {
  min-width: 154px;
  padding: 12px 20px !important;
  height: 58px;
}

.nuo-btn-dark.nuo-no-border,
.nuo-btn-dark-larger.nuo-no-border,
.nuo-btn-light-larger.nuo-no-border,
.nuo-btn-light.nuo-no-border {
  border: 0px !important;
}
.nuo-btn-dark.nuo-no-border::after,
.nuo-btn-dark-larger.nuo-no-border::after,
.nuo-btn-light-larger.nuo-no-border::after,
.nuo-btn-light.nuo-no-border::after {
  display: none !important;
}
.nuo-btn-dark.nuo-no-border::before,
.nuo-btn-dark-larger.nuo-no-border::before,
.nuo-btn-light-larger.nuo-no-border::before,
.nuo-btn-light.nuo-no-border::before {
  display: none !important;
}

form .nuo-btn-dark.disabled, form .nuo-btn-dark:disabled,
form .nuo-btn-dark.is-outline.disabled,
form .nuo-btn-dark.is-outline:disabled,
form .nuo-btn-dark-larger.disabled,
form .nuo-btn-dark-larger:disabled,
form .nuo-btn-dark-larger.is-outline.disabled,
form .nuo-btn-dark-larger.is-outline:disabled,
.nuo-form .nuo-btn-dark.disabled,
.nuo-form .nuo-btn-dark:disabled,
.nuo-form .nuo-btn-dark.is-outline.disabled,
.nuo-form .nuo-btn-dark.is-outline:disabled,
.nuo-form .nuo-btn-dark-larger.disabled,
.nuo-form .nuo-btn-dark-larger:disabled,
.nuo-form .nuo-btn-dark-larger.is-outline.disabled,
.nuo-form .nuo-btn-dark-larger.is-outline:disabled {
  background-color: transparent !important;
  opacity: 0.25 !important;
  color: white !important;
}
form .woocommerce-button.pay.disabled, form .woocommerce-button.pay:disabled,
form .woocommerce-mini-cart__buttons .button:nth-child(1).disabled,
form .woocommerce-mini-cart__buttons .button:nth-child(1):disabled,
form .nuo-btn-light.disabled,
form .nuo-btn-light:disabled,
form .nuo-btn-light.is-outline.disabled,
form .nuo-btn-light.is-outline:disabled,
form .nuo-btn-light-larger.disabled,
form .nuo-btn-light-larger:disabled,
form .nuo-btn-light-larger.is-outline.disabled,
form .nuo-btn-light-larger.is-outline:disabled,
form .button-continue-shopping.disabled,
form .button-continue-shopping:disabled,
form button[type=submit].disabled,
form button[type=submit]:disabled,
.nuo-form .woocommerce-button.pay.disabled,
.nuo-form .woocommerce-button.pay:disabled,
.nuo-form .woocommerce-mini-cart__buttons .button:nth-child(1).disabled,
.nuo-form .woocommerce-mini-cart__buttons .button:nth-child(1):disabled,
.nuo-form .nuo-btn-light.disabled,
.nuo-form .nuo-btn-light:disabled,
.nuo-form .nuo-btn-light.is-outline.disabled,
.nuo-form .nuo-btn-light.is-outline:disabled,
.nuo-form .nuo-btn-light-larger.disabled,
.nuo-form .nuo-btn-light-larger:disabled,
.nuo-form .nuo-btn-light-larger.is-outline.disabled,
.nuo-form .nuo-btn-light-larger.is-outline:disabled,
.nuo-form .button-continue-shopping.disabled,
.nuo-form .button-continue-shopping:disabled,
.nuo-form button[type=submit].disabled,
.nuo-form button[type=submit]:disabled {
  background-color: transparent !important;
  opacity: 0.25 !important;
  color: black !important;
}

.nuo-quantity {
  border: 1px solid black;
  border-radius: 10px;
  height: 40px;
  justify-content: space-between;
}
.nuo-quantity .quantity {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
}
.nuo-quantity .minus {
  border: 0px !important;
  background-color: transparent !important;
  font-family: "MNNuoLifeVF";
  color: black;
  text-shadow: none !important;
  box-shadow: none !important;
  padding-top: 4px;
  color: transparent !important;
  background-image: url("https://nuoforlife.com/wp-content/uploads/2025/02/icon-minus-qty.svg");
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: center;
}
.nuo-quantity .qty {
  border: 0px !important;
  background-color: transparent !important;
  color: black;
  text-shadow: none !important;
  box-shadow: none !important;
  height: 100%;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.2px;
  position: relative;
  top: -1.5px;
}
.nuo-quantity .plus {
  border: 0px !important;
  background-color: transparent !important;
  font-family: "MNNuoLifeVF";
  color: black;
  text-shadow: none !important;
  box-shadow: none !important;
  padding-top: 1px;
  color: transparent !important;
  background-image: url("https://nuoforlife.com/wp-content/uploads/2025/02/icon-plus-qty.svg");
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: center;
}

.nuo-btn-primary {
  background-color: #369E84 !important;
  border-radius: 10px;
  color: white;
  padding-left: 16px;
  padding-right: 16px;
}

.nuo-btn-green {
  background-color: #369E84 !important;
  border-radius: 10px;
  color: white;
  padding-left: 16px;
  padding-right: 16px;
}

.nuo-btn-green-outline-larger {
  background-color: #369E84 !important;
  color: #369E84 !important;
  border: 1px solid #369E84 !important;
  background-color: transparent !important;
  border-radius: 10px;
  height: 58px;
  padding: 8px 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  box-shadow: none !important;
  text-shadow: none !important;
}
.nuo-btn-green-outline-larger:hover {
  background-color: transparent !important;
  box-shadow: none !important;
  opacity: 0.8 !important;
}

.nuo-btn-black {
  background-color: black !important;
  border-radius: 10px;
  color: white;
  padding-left: 16px;
  padding-right: 16px;
}

.nuo-btn-google a .nsl-button {
  box-shadow: none !important;
  border-radius: 10px !important;
  border: 1px solid #CBCBCB !important;
  background-color: #F2F2F2 !important;
}
.nuo-btn-google a .nsl-button:hover {
  background-color: #e0e0e0 !important;
}
.nuo-btn-google a .nsl-button .nsl-button-svg-container {
  display: none !important;
}
.nuo-btn-google a .nsl-button .nsl-button-label-container {
  color: black !important;
  text-align: center !important;
  font-family: "FamiljenGrotesk-Regular", sans-serif !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: normal !important;
  letter-spacing: 0.16px !important;
  text-transform: uppercase !important;
}
.nuo-btn-google a .nsl-button .nsl-button-label-container b {
  font-weight: normal !important;
}

.nuo-btn-light-outline {
  box-shadow: none !important;
  border-radius: 10px !important;
  border: 1px solid black !important;
  color: black !important;
  text-align: center !important;
  font-family: "FamiljenGrotesk-Regular", sans-serif !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: normal !important;
  letter-spacing: 0.16px !important;
  background-color: transparent !important;
}
.nuo-btn-light-outline:hover {
  background-color: transparent !important;
  opacity: 0.8 !important;
}

.nuo-btn-close,
.nuo-btn-close-circle {
  width: 20px;
  height: 20px;
  background-image: url("https://nuoforlife.com/wp-content/uploads/2025/01/icon-close-modal-light.svg");
  background-size: contain;
  background-repeat: no-repeat;
  color: transparent !important;
}
.nuo-btn-close i,
.nuo-btn-close-circle i {
  display: none;
}

.nuo-btn-close-circle {
  background-image: url("https://nuoforlife.com/wp-content/uploads/2025/01/icon-close-light.svg");
}
.nuo-btn-close-circle i {
  display: none;
}

.custom-language-switcher {
  display: flex;
  align-items: center;
  gap: 4px;
}

.nuo-tabs-common .nuo-tabs-btn {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
  flex-wrap: wrap;
  min-height: 36px;
  padding: 4px 16px;
  padding-top: 8px;
  row-gap: 8px;
  column-gap: 16px;
  border: 1px solid black;
  border-bottom: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
@media only screen and (max-width: 48em) {
  .nuo-tabs-common .nuo-tabs-btn {
    padding: 8px;
  }
}
.nuo-tabs-common .nuo-tabs-btn span {
  display: none;
}
.nuo-tabs-common .nuo-tabs-btn .tab-item {
  position: relative;
  color: black;
  opacity: 0.5;
  display: flex;
  gap: 2px;
  z-index: 2;
  font-family: "FamiljenGrotesk-Medium", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.14px;
  text-transform: uppercase;
}
@media only screen and (max-width: 48em) {
  .nuo-tabs-common .nuo-tabs-btn .tab-item {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.14px;
  }
}
.nuo-tabs-common .nuo-tabs-btn .tab-item::before {
  opacity: 0;
  content: "[";
  display: block;
  position: relative;
  top: -1px;
  transition: all 0.3s ease;
}
.nuo-tabs-common .nuo-tabs-btn .tab-item::after {
  opacity: 0;
  content: "]";
  display: block;
  position: relative;
  top: -1px;
  transition: all 0.3s ease;
}
.nuo-tabs-common .nuo-tabs-btn .tab-item:hover {
  opacity: 1;
}
.nuo-tabs-common .nuo-tabs-btn .tab-item:hover::before {
  opacity: 1;
}
.nuo-tabs-common .nuo-tabs-btn .tab-item:hover::after {
  opacity: 1;
}
.nuo-tabs-common .nuo-tabs-btn .tab-item.active {
  opacity: 1;
}
.nuo-tabs-common .nuo-tabs-btn .tab-item.active::before {
  opacity: 1;
}
.nuo-tabs-common .nuo-tabs-btn .tab-item.active::after {
  opacity: 1;
}
.nuo-tabs-common .nuo-tabs-btn a {
  opacity: 1;
  font-weight: 400;
  text-decoration: none;
}
.nuo-tabs-common .nuo-tabs-btn a::before {
  opacity: 1;
}
.nuo-tabs-common .nuo-tabs-btn a::after {
  opacity: 1;
}
.nuo-tabs-common .nuo-tabs-btn > .tab-item:hover {
  opacity: 1;
}
.nuo-tabs-common .nuo-tabs-btn > .tab-item:hover::before {
  opacity: 1;
}
.nuo-tabs-common .nuo-tabs-btn > .tab-item:hover::after {
  opacity: 1;
}
.nuo-border-up-black-inner > .col-inner {
  position: relative;
}
.nuo-border-up-black-inner > .col-inner::before {
  content: "" !important;
  display: block;
  position: relative;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 36px;
  border: 1px solid black;
  border-bottom: 0px !important;
  border-radius: 10px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  transition: all 0.3s ease;
}

.nuo-space-dashed-black {
  border-top: 1px dashed black;
}

.nuo-space-border-up-white {
  border: 1px solid white;
  border-bottom: 0 !important;
}

.nuo-space-border-up-black {
  border: 1px solid black;
  border-bottom: 0 !important;
}

.nuo-space-border-up-white,
.nuo-space-border-up-black {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  width: 100%;
  height: 48px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-space-border-up-white,
  .nuo-space-border-up-black {
    height: 36px !important;
  }
}

.nuo-border-up-white,
.nuo-border-up-white-mob,
.nuo-border-up-black,
.nuo-border-up-black-mob,
.thmaf-my-acnt {
  position: relative;
}
.nuo-border-up-white::before,
.nuo-border-up-white-mob::before,
.nuo-border-up-black::before,
.nuo-border-up-black-mob::before,
.thmaf-my-acnt::before {
  content: "" !important;
  display: block;
  position: relative;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 36px;
  border-bottom: 0px !important;
  border-radius: 10px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  transition: all 0.3s ease;
}

.nuo-border-up-white::before,
.nuo-border-up-white-mob::before {
  border: 1px solid white;
}

.nuo-border-up-black::before,
.nuo-border-up-black-mob::before,
.thmaf-my-acnt::before {
  border: 1px solid black;
}

.nuo-border-up-white-mob::before,
.nuo-border-up-black-mob::before {
  display: none !important;
}
@media only screen and (max-width: 48em) {
  .nuo-border-up-white-mob::before,
  .nuo-border-up-black-mob::before {
    display: block !important;
  }
}

.nuo-border-top-light {
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  min-height: 36px;
}

.nuo-border {
  border: 1px solid #A2A2A2;
}

.nuo-border-up-black-common {
  width: 100%;
  position: relative;
  min-height: 36px;
}
.nuo-border-up-black-common::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 36px;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.nuo-divider,
.nuo-divider-hoz {
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #A2A2A2;
}

.nuo-divider-dashed,
.nuo-divider-hoz-dashed {
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed #A2A2A2;
}

.nuo-divider-ver {
  height: 100%;
  width: 1px;
  border-left: 1px solid #A2A2A2;
}

.nuo-divider-ver-dashed {
  height: 100%;
  width: 1px;
  border-left: 1px dashed #A2A2A2;
}

.nuo-no-border {
  border: 0px !important;
}

.nuo-lable-left-black,
.nuo-lable-left-black-10,
.nuo-lable-left-black-16 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 10px;
  border: 1px solid black;
  border-bottom: 0px;
  border-right: 0;
  border-top-left-radius: 10px;
  max-width: 399px;
  width: 100%;
  min-height: 40px;
}
@media only screen and (max-width: 48em) {
  .nuo-lable-left-black,
  .nuo-lable-left-black-10,
  .nuo-lable-left-black-16 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    max-width: 120px;
    min-height: 35px;
  }
}
.nuo-lable-left-black p,
.nuo-lable-left-black a,
.nuo-lable-left-black-10 p,
.nuo-lable-left-black-10 a,
.nuo-lable-left-black-16 p,
.nuo-lable-left-black-16 a {
  font-size: 16px;
  font-style: normal;
  font-family: "FamiljenGrotesk-Medium", sans-serif;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.16px;
  text-transform: uppercase;
  leading-trim: both;
  text-edge: cap;
  margin: 0;
}
@media only screen and (max-width: 48em) {
  .nuo-lable-left-black p,
  .nuo-lable-left-black a,
  .nuo-lable-left-black-10 p,
  .nuo-lable-left-black-10 a,
  .nuo-lable-left-black-16 p,
  .nuo-lable-left-black-16 a {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 13px;
    letter-spacing: 0.12px;
  }
}
.nuo-lable-left-black p,
.nuo-lable-left-black h1,
.nuo-lable-left-black h2,
.nuo-lable-left-black h3,
.nuo-lable-left-black h4,
.nuo-lable-left-black-10 p,
.nuo-lable-left-black-10 h1,
.nuo-lable-left-black-10 h2,
.nuo-lable-left-black-10 h3,
.nuo-lable-left-black-10 h4,
.nuo-lable-left-black-16 p,
.nuo-lable-left-black-16 h1,
.nuo-lable-left-black-16 h2,
.nuo-lable-left-black-16 h3,
.nuo-lable-left-black-16 h4 {
  margin: 0;
}
.nuo-lable-left-black p span,
.nuo-lable-left-black h1 span,
.nuo-lable-left-black h2 span,
.nuo-lable-left-black h3 span,
.nuo-lable-left-black h4 span,
.nuo-lable-left-black-10 p span,
.nuo-lable-left-black-10 h1 span,
.nuo-lable-left-black-10 h2 span,
.nuo-lable-left-black-10 h3 span,
.nuo-lable-left-black-10 h4 span,
.nuo-lable-left-black-16 p span,
.nuo-lable-left-black-16 h1 span,
.nuo-lable-left-black-16 h2 span,
.nuo-lable-left-black-16 h3 span,
.nuo-lable-left-black-16 h4 span {
  font-family: "MNNuoLife-SemiBold-400";
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  line-height: 100%;
  letter-spacing: 1.2px;
}
@media only screen and (max-width: 48em) {
  .nuo-lable-left-black p span,
  .nuo-lable-left-black h1 span,
  .nuo-lable-left-black h2 span,
  .nuo-lable-left-black h3 span,
  .nuo-lable-left-black h4 span,
  .nuo-lable-left-black-10 p span,
  .nuo-lable-left-black-10 h1 span,
  .nuo-lable-left-black-10 h2 span,
  .nuo-lable-left-black-10 h3 span,
  .nuo-lable-left-black-10 h4 span,
  .nuo-lable-left-black-16 p span,
  .nuo-lable-left-black-16 h1 span,
  .nuo-lable-left-black-16 h2 span,
  .nuo-lable-left-black-16 h3 span,
  .nuo-lable-left-black-16 h4 span {
    display: block;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
  }
}

.nuo-lable-left-black-10 {
  border-top-left-radius: 10px;
}

.nuo-lable-left-black-16 {
  border-top-left-radius: 16px;
}

.nuo-lable-right-black,
.nuo-lable-right-black-10,
.nuo-lable-right-black-16 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding: 10px 10px;
  border: 1px solid black;
  border-bottom: 0px;
  border-left: 0;
  border-top-right-radius: 10px;
  max-width: 399px;
  width: 100%;
  min-height: 40px;
  font-size: 16px;
  font-style: normal;
  font-family: "FamiljenGrotesk-Medium", sans-serif;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.16px;
}
@media only screen and (max-width: 48em) {
  .nuo-lable-right-black,
  .nuo-lable-right-black-10,
  .nuo-lable-right-black-16 {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 13px;
    letter-spacing: 0.12px;
  }
}
@media only screen and (max-width: 48em) {
  .nuo-lable-right-black,
  .nuo-lable-right-black-10,
  .nuo-lable-right-black-16 {
    flex-direction: column;
    align-items: flex-end;
    gap: 0;
    max-width: 120px;
    min-height: 35px;
  }
}
.nuo-lable-right-black p,
.nuo-lable-right-black a,
.nuo-lable-right-black-10 p,
.nuo-lable-right-black-10 a,
.nuo-lable-right-black-16 p,
.nuo-lable-right-black-16 a {
  font-size: 16px;
  font-style: normal;
  font-family: "FamiljenGrotesk-Medium", sans-serif;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.16px;
  text-transform: uppercase;
  leading-trim: both;
  text-edge: cap;
  margin: 0;
}
@media only screen and (max-width: 48em) {
  .nuo-lable-right-black p,
  .nuo-lable-right-black a,
  .nuo-lable-right-black-10 p,
  .nuo-lable-right-black-10 a,
  .nuo-lable-right-black-16 p,
  .nuo-lable-right-black-16 a {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 13px;
    letter-spacing: 0.12px;
  }
}
.nuo-lable-right-black p span,
.nuo-lable-right-black a span,
.nuo-lable-right-black-10 p span,
.nuo-lable-right-black-10 a span,
.nuo-lable-right-black-16 p span,
.nuo-lable-right-black-16 a span {
  font-family: "MNNuoLife-SemiBold-400";
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  line-height: 100%;
  letter-spacing: 1.2px;
}
@media only screen and (max-width: 48em) {
  .nuo-lable-right-black p span,
  .nuo-lable-right-black a span,
  .nuo-lable-right-black-10 p span,
  .nuo-lable-right-black-10 a span,
  .nuo-lable-right-black-16 p span,
  .nuo-lable-right-black-16 a span {
    display: block;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
  }
}

.nuo-lable-right-black-10 {
  border-top-right-radius: 10px;
}

.nuo-lable-right-black-16 {
  border-top-right-radius: 16px;
}

form label {
  font-weight: 400;
  font-size: 1rem;
}
form label .required {
  color: #dc3545;
}
form label .required::before {
  content: "[";
}
form label .required::after {
  content: "]";
}
form label .optional {
  position: relative;
  display: none !important;
}
form label .optional::before {
  content: "[";
  position: absolute;
  background-color: #ffffff;
  left: 0px;
}
form label .optional::after {
  content: "]";
  position: absolute;
  background-color: #ffffff;
  right: -1px;
}
form .woocommerce-form-row > label,
form .woocommerce-input-wrapper > label,
form .form-row > label {
  font-weight: 400;
  font-size: 1rem;
}
form .woocommerce-form-row > label .required,
form .woocommerce-input-wrapper > label .required,
form .form-row > label .required {
  color: #dc3545;
}
form .woocommerce-form-row > label .required::before,
form .woocommerce-input-wrapper > label .required::before,
form .form-row > label .required::before {
  content: "[";
}
form .woocommerce-form-row > label .required::after,
form .woocommerce-input-wrapper > label .required::after,
form .form-row > label .required::after {
  content: "]";
}
form .woocommerce-form-row > label .optional,
form .woocommerce-input-wrapper > label .optional,
form .form-row > label .optional {
  position: relative;
  display: none !important;
}
form .woocommerce-form-row > label .optional::before,
form .woocommerce-input-wrapper > label .optional::before,
form .form-row > label .optional::before {
  content: "[";
  position: absolute;
  background-color: #ffffff;
  left: 0px;
}
form .woocommerce-form-row > label .optional::after,
form .woocommerce-input-wrapper > label .optional::after,
form .form-row > label .optional::after {
  content: "]";
  position: absolute;
  background-color: #ffffff;
  right: -1px;
}
form .woocommerce-form-row input[type=date],
form .woocommerce-form-row input[type=email],
form .woocommerce-form-row input[type=tel],
form .woocommerce-form-row input[type=phone],
form .woocommerce-form-row input[type=number],
form .woocommerce-form-row input[type=text],
form .woocommerce-form-row input[type=password],
form .woocommerce-form-row select,
form .woocommerce-form-row textarea,
form .woocommerce-input-wrapper input[type=date],
form .woocommerce-input-wrapper input[type=email],
form .woocommerce-input-wrapper input[type=tel],
form .woocommerce-input-wrapper input[type=phone],
form .woocommerce-input-wrapper input[type=number],
form .woocommerce-input-wrapper input[type=text],
form .woocommerce-input-wrapper input[type=password],
form .woocommerce-input-wrapper select,
form .woocommerce-input-wrapper textarea,
form .form-row input[type=date],
form .form-row input[type=email],
form .form-row input[type=tel],
form .form-row input[type=phone],
form .form-row input[type=number],
form .form-row input[type=text],
form .form-row input[type=password],
form .form-row select,
form .form-row textarea {
  border: 0 !important;
}
form .woocommerce-form-row input ~ .show-password-input::after,
form .woocommerce-input-wrapper input ~ .show-password-input::after,
form .form-row input ~ .show-password-input::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("https://nuoforlife.com/wp-content/uploads/2025/01/icon-eye-light.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
form .woocommerce-form-row input ~ .show-password-input.display-password::after,
form .woocommerce-input-wrapper input ~ .show-password-input.display-password::after,
form .form-row input ~ .show-password-input.display-password::after {
  content: "";
  background-image: url("https://nuoforlife.com/wp-content/uploads/2025/01/icon-eye-off-light.svg");
}

input,
textarea,
select,
.nuo-select,
.select2-selection {
  background-color: #F2F2F2 !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 4px !important;
}

input::placeholder,
textarea::placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.select2-search__field {
  border: 1px solid #A2A2A2 !important;
}

.nuo-focus-content {
  min-height: 300px;
  height: 50vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  text-align: center;
  padding-left: 1rem;
  padding-right: 1rem;
}
.nuo-focus-content h1 {
  text-align: center;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  display: block;
  max-width: 535px;
}
@media only screen and (min-width: 48em) {
  .nuo-focus-content h1 {
    font-family: "FamiljenGrotesk-Bold", sans-serif;
  }
}
.nuo-focus-content span {
  opacity: 0.7;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  display: block;
  max-width: 535px;
}
@media only screen and (min-width: 48em) {
  .nuo-focus-content span {
    font-family: "FamiljenGrotesk-Bold", sans-serif;
  }
}
.nuo-focus-content::after {
  content: "";
  display: block;
  position: absolute;
  left: -20vw;
  height: 80%;
  width: 24px;
  border: 1px solid black;
  border-right: 0;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.nuo-focus-content::before {
  content: "";
  display: block;
  position: absolute;
  right: -20vw;
  height: 80%;
  width: 24px;
  border: 1px solid black;
  border-left: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.select-resize-ghost,
.select2-container .select2-choice,
.select2-container .select2-selection,
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
  height: 48px;
  font-size: 1rem;
  font-family: "FamiljenGrotesk-Regular", sans-serif;
}

.select2-container .select2-search input {
  background-color: #ffffff !important;
}

select,
.nuo-select {
  flex: 1;
  padding-left: 12px;
  padding-right: 48px;
  appearance: none !important;
  background-image: url("https://nuoforlife.com/wp-content/uploads/2025/01/icon-arrow-down-light.svg") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 24px !important;
}

input[type=date]::-webkit-calendar-picker-indicator {
  position: relative;
  opacity: 0;
  z-index: 1;
}

input[type=date],
.nuo-date {
  position: relative;
  appearance: none !important;
  background-image: url("https://nuoforlife.com/wp-content/uploads/2025/05/icon-calendar-light.svg") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 24px !important;
}
input[type=date]::-webkit-calendar-picker-indicator,
.nuo-date::-webkit-calendar-picker-indicator {
  position: relative;
  opacity: 0;
  z-index: 1;
}

.nuo-select-wrapper {
  position: relative;
  display: flex !important;
  align-items: center;
}

.select2-container > .selection > .select2-selection {
  background: none;
  display: flex;
  align-items: center;
}
.select2-container > .selection > .select2-selection > .select2-selection__rendered {
  line-height: normal;
}
.select2-container > .selection > .select2-selection > .select2-selection__arrow {
  background-image: url("https://nuoforlife.com/wp-content/uploads/2025/01/icon-arrow-down-light.svg") !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  height: 48px;
  width: 48px;
}
.select2-container > .selection > .select2-selection > .select2-selection__arrow b {
  display: none;
}
.nuo-field-username,
.nuo-field-first-name,
.nuo-field-last-name,
.nuo-field-display-name,
.nuo-field-bank-name,
.nuo-field-bank-brand,
.nuo-field-bank-no {
  width: 100%;
  margin: 0;
}
.nuo-field-number {
  margin: 0;
}
.nuo-field-email {
  margin: 0;
}
.password-input,
.nuo-field-password {
  margin: 0;
}
.password-input .show-password-input,
.nuo-field-password .show-password-input {
  height: 48px;
  display: flex;
  align-items: center;
}

.nuo-field-permanent_address {
  margin: 0;
}
.nuo-field-resident_address {
  margin: 0;
}
.nuo-checkbox-wrapper {
  position: relative !important;
  display: flex !important;
  /* align-items: center; */
  align-items: flex-start !important;
  gap: 8px !important;
}
.nuo-checkbox-wrapper input[type=checkbox] {
  position: relative !important;
  top: 2px !important;
  cursor: pointer;
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  border-radius: 6px !important;
}
.nuo-checkbox-wrapper input[type=checkbox]:checked ~ span,
.nuo-checkbox-wrapper input[type=checkbox]:checked ~ p {
  position: relative;
}
.nuo-checkbox-wrapper input[type=checkbox]:checked ~ span::before,
.nuo-checkbox-wrapper input[type=checkbox]:checked ~ p::before {
  content: "";
  display: block;
  position: absolute;
  top: 2px !important;
  left: -28px;
  width: 20px !important;
  height: 20px !important;
  background-color: #000000;
  color: #ffffff;
  border-radius: 4px;
}
.nuo-checkbox-wrapper > span, .nuo-checkbox-wrapper > p {
  flex: 1;
  color: #A2A2A2;
  font-weight: bold;
}
.nuo-checkbox-wrapper input[type=checkbox]:checked ~ span,
.nuo-checkbox-wrapper input[type=checkbox]:checked ~ p {
  color: #000000;
}
.nuo-checkbox-wrapper input[type=checkbox]:checked ~ span::before,
.nuo-checkbox-wrapper input[type=checkbox]:checked ~ p::before {
  background-image: url("https://nuoforlife.com/wp-content/uploads/2025/01/icon-checkmark-dark.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.nuo-radio-wrapper {
  position: relative !important;
  display: flex !important;
  /* align-items: center; */
  align-items: flex-start !important;
  gap: 8px !important;
}
.nuo-radio-wrapper input[type=radio] {
  position: relative !important;
  top: 2px !important;
  cursor: pointer;
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
}
.nuo-radio-wrapper input[type=radio]:checked ~ span,
.nuo-radio-wrapper input[type=radio]:checked ~ p {
  position: relative;
}
.nuo-radio-wrapper input[type=radio]:checked ~ span::before,
.nuo-radio-wrapper input[type=radio]:checked ~ p::before {
  content: "";
  display: block;
  position: absolute;
  top: 2px !important;
  left: -28px;
  width: 20px !important;
  height: 20px !important;
  background-color: #000000;
  color: #ffffff;
  border-radius: 4px;
}
.nuo-radio-wrapper > span, .nuo-radio-wrapper > p {
  flex: 1;
  color: #A2A2A2;
  font-weight: bold;
}
.nuo-radio-wrapper input[type=radio]:checked ~ span,
.nuo-radio-wrapper input[type=radio]:checked ~ p {
  color: #000000;
}
.nuo-radio-wrapper input[type=radio]:checked ~ span::before,
.nuo-radio-wrapper input[type=radio]:checked ~ p::before {
  background-image: url("https://nuoforlife.com/wp-content/uploads/2025/01/icon-checkmark-dark.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

/* MENU ACTIVE ===== */
.nuo-menu-active .mfp-wrap {
  z-index: 1043;
}
@media only screen and (max-width: 48em) {
  .nuo-menu-active #header .header-wrapper .header-main .header-inner .flex-col:nth-child(2),
  .nuo-menu-active .header .header-wrapper .header-main .header-inner .flex-col:nth-child(2) {
    z-index: 10001;
  }
}
@media only screen and (max-width: 48em) {
  .nuo-menu-active #header .header-wrapper .header-main .header-inner .flex-col:nth-child(4),
  .nuo-menu-active .header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) {
    z-index: 10000;
  }
}
.nuo-menu-active #header .header-wrapper .header-main .header-inner .nuo-overlay-nav-mobile,
.nuo-menu-active .header .header-wrapper .header-main .header-inner .nuo-overlay-nav-mobile {
  z-index: 9999;
}
.nuo-menu-active .mfp-bg {
  display: none;
}
.nuo-menu-active .mfp-ready {
  /* .mfp-s-ready {
    &>.mfp-content {
      width: 100% !important;
      background-color: white !important;
    }
  } */
}
.nuo-menu-active .mfp-ready .mfp-close {
  display: none;
  position: fixed;
  bottom: 48px;
  left: calc(50% + 64px);
  right: auto;
  top: auto;
  background-image: url("https://nuoforlife.com/wp-content/uploads/2025/02/icon-close-modal-dark.svg");
  background-size: 24px;
  background-repeat: no-repeat;
}
.nuo-menu-active .mfp-ready .mfp-close svg {
  display: none;
}

/* Header nav */
#header,
.header {
  z-index: inherit;
  /* stuck */
}
#header .header-wrapper,
.header .header-wrapper {
  position: inherit;
  z-index: inherit;
  /* position: absolute; */
}
#header .header-wrapper .header-main,
.header .header-wrapper .header-main {
  z-index: inherit;
}
#header .header-wrapper .header-main .header-inner,
.header .header-wrapper .header-main .header-inner {
  padding-left: 48px;
  padding-right: 48px;
  /* ================ dddddddddd */
}
@media only screen and (max-width: 48em) {
  #header .header-wrapper .header-main .header-inner,
  .header .header-wrapper .header-main .header-inner {
    padding-left: 24px;
    padding-right: 24px;
  }
}
#header .header-wrapper .header-main .header-inner .logo,
.header .header-wrapper .header-main .header-inner .logo {
  /* position: relative; */
  mix-blend-mode: difference;
  isolation: isolate;
  position: fixed;
  z-index: 999;
  margin-top: 32px;
}
@media only screen and (max-width: 48em) {
  #header .header-wrapper .header-main .header-inner .logo,
  .header .header-wrapper .header-main .header-inner .logo {
    position: absolute !important;
    margin-top: 24px;
  }
}
#header .header-wrapper .header-main .header-inner .logo img,
.header .header-wrapper .header-main .header-inner .logo img {
  /* opacity: 0.8; */
}
#header .header-wrapper .header-main .header-inner .flex-col:nth-child(2),
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(2) {
  z-index: 100;
}
@media only screen and (max-width: 48em) {
  #header .header-wrapper .header-main .header-inner .flex-col:nth-child(2),
  .header .header-wrapper .header-main .header-inner .flex-col:nth-child(2) {
    position: fixed;
    bottom: 40px;
    left: calc(50% + 64px);
    z-index: 99999;
  }
}
#header .header-wrapper .header-main .header-inner .flex-col:nth-child(2) > .nav .nav-icon,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(2) > .nav .nav-icon {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  background-color: rgba(255, 255, 255, 0.2);
}
@media only screen and (max-width: 48em) {
  #header .header-wrapper .header-main .header-inner .flex-col:nth-child(2) > .nav .nav-icon,
  .header .header-wrapper .header-main .header-inner .flex-col:nth-child(2) > .nav .nav-icon {
    width: 48px;
    height: 48px;
    background-color: transparent;
  }
}
#header .header-wrapper .header-main .header-inner .flex-col:nth-child(2) > .nav .nav-icon a,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(2) > .nav .nav-icon a {
  width: 32px;
  height: 32px;
  padding: 0px;
  background-color: transparent;
  background-image: url("https://nuoforlife.com/wp-content/uploads/2024/12/icon-menu-white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (max-width: 48em) {
  #header .header-wrapper .header-main .header-inner .flex-col:nth-child(2) > .nav .nav-icon a,
  .header .header-wrapper .header-main .header-inner .flex-col:nth-child(2) > .nav .nav-icon a {
    width: 48px;
    height: 48px;
  }
}
#header .header-wrapper .header-main .header-inner .flex-col:nth-child(2) > .nav .nav-icon a i,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(2) > .nav .nav-icon a i {
  display: none;
}
#header .header-wrapper .header-main .header-inner .flex-col:nth-child(2) > .nav .nav-icon a.current-lightbox-clicked,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(2) > .nav .nav-icon a.current-lightbox-clicked {
  background-image: url("https://nuoforlife.com/wp-content/uploads/2025/02/icon-close-modal-dark.svg");
  background-size: 24px;
}
#header .header-wrapper .header-main .header-inner .flex-col:nth-child(3)::after,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(3)::after {
  content: "";
  display: block;
  border-radius: 1rem;
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(5.1px);
  position: fixed;
  left: 28vw;
  right: 28vw;
  height: 64px;
  mix-blend-mode: difference;
  z-index: 2;
  /* top: 58px; */
  top: inherit;
  margin-top: -16px;
  z-index: 999;
}
@media only screen and (max-width: 48em) {
  #header .header-wrapper .header-main .header-inner .flex-col:nth-child(3)::after,
  .header .header-wrapper .header-main .header-inner .flex-col:nth-child(3)::after {
    top: 43px;
    margin-top: 0;
    z-index: 1;
  }
}
#header .header-wrapper .header-main .header-inner .flex-col:nth-child(3) .header-nav-main,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(3) .header-nav-main {
  position: relative;
  z-index: 1;
}
#header .header-wrapper .header-main .header-inner .flex-col:nth-child(3) .header-nav-main.nav-left,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(3) .header-nav-main.nav-left {
  justify-content: center;
  width: auto;
  padding: 16px 50px 19px 39px;
  min-height: 64px;
  gap: 33px;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  /* top: 58px; */
  top: inherit;
  margin-top: -16px;
}
@media only screen and (max-width: 48em) {
  #header .header-wrapper .header-main .header-inner .flex-col:nth-child(3) .header-nav-main.nav-left,
  .header .header-wrapper .header-main .header-inner .flex-col:nth-child(3) .header-nav-main.nav-left {
    top: 43px;
    margin-top: 0;
    z-index: 99;
  }
}
#header .header-wrapper .header-main .header-inner .flex-col:nth-child(3) .header-nav-main.nav-left .menu-item,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(3) .header-nav-main.nav-left .menu-item {
  position: relative;
  z-index: 1;
  padding: 0;
  margin: 0;
}
#header .header-wrapper .header-main .header-inner .flex-col:nth-child(3) .header-nav-main.nav-left .menu-item a,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(3) .header-nav-main.nav-left .menu-item a {
  position: relative;
  display: flex;
  gap: 4px;
  color: white;
  padding: 0;
  font-size: 18px;
  font-style: normal;
  font-family: "FamiljenGrotesk-Medium", sans-serif;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.36px;
  text-decoration: none;
}
#header .header-wrapper .header-main .header-inner .flex-col:nth-child(3) .header-nav-main.nav-left .menu-item a::before,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(3) .header-nav-main.nav-left .menu-item a::before {
  opacity: 0;
  content: "[";
  display: block;
  position: relative;
  top: -1px;
  transition: all 0.3s ease;
}
#header .header-wrapper .header-main .header-inner .flex-col:nth-child(3) .header-nav-main.nav-left .menu-item a::after,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(3) .header-nav-main.nav-left .menu-item a::after {
  opacity: 0;
  content: "]";
  display: block;
  position: relative;
  top: -1px;
  transition: all 0.3s ease;
}
#header .header-wrapper .header-main .header-inner .flex-col:nth-child(3) .header-nav-main.nav-left .menu-item a:hover,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(3) .header-nav-main.nav-left .menu-item a:hover {
  opacity: 1;
}
#header .header-wrapper .header-main .header-inner .flex-col:nth-child(3) .header-nav-main.nav-left .menu-item a:hover::before,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(3) .header-nav-main.nav-left .menu-item a:hover::before {
  opacity: 1;
}
#header .header-wrapper .header-main .header-inner .flex-col:nth-child(3) .header-nav-main.nav-left .menu-item a:hover::after,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(3) .header-nav-main.nav-left .menu-item a:hover::after {
  opacity: 1;
}
#header .header-wrapper .header-main .header-inner .flex-col:nth-child(3) .header-nav-main.nav-left .menu-item.active a,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(3) .header-nav-main.nav-left .menu-item.active a {
  opacity: 1;
}
#header .header-wrapper .header-main .header-inner .flex-col:nth-child(3) .header-nav-main.nav-left .menu-item.active a::before,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(3) .header-nav-main.nav-left .menu-item.active a::before {
  opacity: 1;
}
#header .header-wrapper .header-main .header-inner .flex-col:nth-child(3) .header-nav-main.nav-left .menu-item.active a::after,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(3) .header-nav-main.nav-left .menu-item.active a::after {
  opacity: 1;
}
#header .header-wrapper .header-main .header-inner .flex-col:nth-child(4),
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) {
  margin-top: 32px;
}
@media only screen and (max-width: 48em) {
  #header .header-wrapper .header-main .header-inner .flex-col:nth-child(4),
  .header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) {
    display: flex !important;
    position: fixed;
    bottom: 24px;
    right: 24px;
    left: 24px;
    justify-content: center;
    padding: 1rem;
    z-index: 9999;
    margin-top: 0px;
  }
}
#header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav {
  position: inherit;
}
@media only screen and (max-width: 48em) {
  #header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav,
  .header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav {
    position: relative;
  }
}
@media only screen and (max-width: 48em) {
  #header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right,
  .header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right {
    width: auto;
    padding-right: 4rem;
    z-index: 1;
  }
}
#header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .header-search, #header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .cart-item, #header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .account-item,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .header-search,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .cart-item,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .account-item {
  width: 45px;
  height: 45px;
  position: inherit;
}
@media only screen and (max-width: 48em) {
  #header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .header-search, #header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .cart-item, #header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .account-item,
  .header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .header-search,
  .header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .cart-item,
  .header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .account-item {
    position: relative;
  }
}
#header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .header-search::after, #header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .cart-item::after, #header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .account-item::after,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .header-search::after,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .cart-item::after,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .account-item::after {
  content: "";
  display: block;
  width: 45px;
  height: 45px;
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(5.1px);
  mix-blend-mode: difference;
  border-radius: 32px;
  position: fixed;
  top: inherit;
  bottom: inherit;
  left: inherit;
  right: inherit;
  opacity: 1;
  border: 0;
  margin: 0;
  z-index: 999;
}
@media only screen and (max-width: 48em) {
  #header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .header-search::after, #header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .cart-item::after, #header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .account-item::after,
  .header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .header-search::after,
  .header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .cart-item::after,
  .header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .account-item::after {
    display: none;
    z-index: 9;
  }
}
#header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .header-search.current-dropdown .nav-dropdown, #header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .cart-item.current-dropdown .nav-dropdown, #header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .account-item.current-dropdown .nav-dropdown,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .header-search.current-dropdown .nav-dropdown,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .cart-item.current-dropdown .nav-dropdown,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .account-item.current-dropdown .nav-dropdown {
  position: fixed;
  top: 150px;
  right: 45px;
  border: 0;
  border-radius: 15px;
  z-index: 999;
}
#header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .header-search.current-dropdown .nav-dropdown a, #header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .cart-item.current-dropdown .nav-dropdown a, #header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .account-item.current-dropdown .nav-dropdown a,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .header-search.current-dropdown .nav-dropdown a,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .cart-item.current-dropdown .nav-dropdown a,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .account-item.current-dropdown .nav-dropdown a {
  text-decoration: none;
}
#header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .header-search > a, #header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .cart-item > a, #header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .account-item > a,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .header-search > a,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .cart-item > a,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .account-item > a {
  position: fixed;
  z-index: 99999;
  width: 45px;
  height: 45px;
  padding: 0px;
  border-radius: 32px;
  cursor: pointer;
  text-decoration: none;
}
@media only screen and (max-width: 48em) {
  #header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .header-search > a, #header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .cart-item > a, #header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .account-item > a,
  .header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .header-search > a,
  .header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .cart-item > a,
  .header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .account-item > a {
    background-color: transparent;
    backdrop-filter: inherit;
    position: relative;
    z-index: 999;
  }
}
#header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .header-search > a .image-icon,
#header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .header-search > a i, #header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .cart-item > a .image-icon,
#header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .cart-item > a i, #header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .account-item > a .image-icon,
#header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .account-item > a i,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .header-search > a .image-icon,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .header-search > a i,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .cart-item > a .image-icon,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .cart-item > a i,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .account-item > a .image-icon,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .account-item > a i {
  display: block;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
}
#header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .header-search > a .image-icon::before,
#header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .header-search > a i::before, #header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .cart-item > a .image-icon::before,
#header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .cart-item > a i::before, #header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .account-item > a .image-icon::before,
#header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .account-item > a i::before,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .header-search > a .image-icon::before,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .header-search > a i::before,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .cart-item > a .image-icon::before,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .cart-item > a i::before,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .account-item > a .image-icon::before,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .account-item > a i::before {
  display: none;
}
@media only screen and (max-width: 48em) {
  #header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .header-search, #header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .cart-item, #header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .account-item,
  .header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .header-search,
  .header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .cart-item,
  .header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .account-item {
    background-color: transparent;
    width: 48px;
    height: 48px;
  }
  #header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .header-search > a, #header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .cart-item > a, #header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .account-item > a,
  .header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .header-search > a,
  .header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .cart-item > a,
  .header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .account-item > a {
    width: 48px;
    height: 48px;
  }
}
#header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .header-search > a i,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .header-search > a i {
  background-image: url("https://nuoforlife.com/wp-content/uploads/2024/12/icon-search-white.svg");
}
#header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .cart-item > a i,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .cart-item > a i {
  background-image: url("https://nuoforlife.com/wp-content/uploads/2025/02/icon-cart-white-v1.svg");
}
#header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .account-item > a i,
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .account-item > a i {
  background-image: url("https://nuoforlife.com/wp-content/uploads/2024/12/icon-account-white.svg");
}
@media only screen and (max-width: 48em) {
  #header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .account-item > .nav-dropdown,
  .header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .account-item > .nav-dropdown {
    display: none;
  }
}
@media only screen and (max-width: 48em) {
  #header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .account-item::after, #header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .account-item::before,
  .header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .account-item::after,
  .header .header-wrapper .header-main .header-inner .flex-col:nth-child(4) .header-nav.nav-right > .account-item::before {
    display: none;
  }
}
#header .header-wrapper .header-main .header-inner .flex-col:nth-child(5),
.header .header-wrapper .header-main .header-inner .flex-col:nth-child(5) {
  position: relative;
  z-index: 999;
}
@media only screen and (max-width: 48em) {
  #header .header-wrapper .header-main .header-inner .flex-col:nth-child(5),
  .header .header-wrapper .header-main .header-inner .flex-col:nth-child(5) {
    display: none !important;
  }
}
#header .header-wrapper .header-main .header-inner .nuo-overlay-nav-mobile,
.header .header-wrapper .header-main .header-inner .nuo-overlay-nav-mobile {
  content: "";
  display: none;
  height: 64px;
  position: fixed;
  bottom: 32px;
  right: 24px;
  left: 24px;
  background-color: rgba(127, 127, 127, 0.2);
  /* background-color: white;
   opacity: 0.2; */
  backdrop-filter: blur(5.1px);
  border-radius: 1rem;
  /* mix-blend-mode: difference; */
  z-index: 9;
}
@media only screen and (max-width: 48em) {
  #header .header-wrapper .header-main .header-inner .nuo-overlay-nav-mobile,
  .header .header-wrapper .header-main .header-inner .nuo-overlay-nav-mobile {
    display: block;
    z-index: 999;
  }
}

body.category .header .header-wrapper .header-main .header-inner,
.post-template-default .header .header-wrapper .header-main .header-inner,
.blog .header .header-wrapper .header-main .header-inner,
.page-id-70 .header .header-wrapper .header-main .header-inner,
.woocommerce-cart .header .header-wrapper .header-main .header-inner,
.single-product .header .header-wrapper .header-main .header-inner,
.woocommerce-shop .header .header-wrapper .header-main .header-inner,
.woocommerce-checkout .header .header-wrapper .header-main .header-inner,
.woocommerce-account .header .header-wrapper .header-main .header-inner,
.page-id-330 .header .header-wrapper .header-main .header-inner,
.page-id-1116 .header .header-wrapper .header-main .header-inner,
.single-featured_item .header .header-wrapper .header-main .header-inner,
.page-id-276 .header .header-wrapper .header-main .header-inner,
.page-id-275 .header .header-wrapper .header-main .header-inner,
.tax-product_cat .header .header-wrapper .header-main .header-inner {
  /* .flex-col:nth-child(4) {
    .header-nav {
      &.nav-right {

        &>.header-search {
          &>a {
            i {
              @include responsiveMin($mobile-breakpoint) {
                border-radius: 32px;
                background-color: rgb(0 0 0 / 20%) !important;
              }

              background-image: url("https://nuoforlife.com/wp-content/uploads/2024/12/icon-search-white.svg");
            }
          }
        }

        &>.cart-item {
          &>a {
            i {
              @include responsiveMin($mobile-breakpoint) {
                border-radius: 32px;
                background-color: rgb(0 0 0 / 20%) !important;
              }

              background-image: url("https://nuoforlife.com/wp-content/uploads/2024/12/icon-cart-white.svg");
            }
          }
        }

        &>.account-item {
          &>a {
            i {
              @include responsiveMin($mobile-breakpoint) {
                border-radius: 32px;
                background-color: rgb(0 0 0 / 20%) !important;
              }

              background-image: url("https://nuoforlife.com/wp-content/uploads/2024/12/icon-account-white.svg");
            }
          }
        }
      }
    }
  } */
  /* .flex-col:nth-child(5) {
    .nav-right {
      &>.cart-item {
        &>a {
          i {
            border-radius: 64px;
            background-color: rgba(0, 0, 0, 0.2) !important;
            background-image: url("https://nuoforlife.com/wp-content/uploads/2024/12/icon-cart-white.svg");
          }
        }
      }
    }
  } */
}
@media only screen and (max-width: 48em) {
  body.category .header .header-wrapper .header-main .header-inner .logo,
  .post-template-default .header .header-wrapper .header-main .header-inner .logo,
  .blog .header .header-wrapper .header-main .header-inner .logo,
  .page-id-70 .header .header-wrapper .header-main .header-inner .logo,
  .woocommerce-cart .header .header-wrapper .header-main .header-inner .logo,
  .single-product .header .header-wrapper .header-main .header-inner .logo,
  .woocommerce-shop .header .header-wrapper .header-main .header-inner .logo,
  .woocommerce-checkout .header .header-wrapper .header-main .header-inner .logo,
  .woocommerce-account .header .header-wrapper .header-main .header-inner .logo,
  .page-id-330 .header .header-wrapper .header-main .header-inner .logo,
  .page-id-1116 .header .header-wrapper .header-main .header-inner .logo,
  .single-featured_item .header .header-wrapper .header-main .header-inner .logo,
  .page-id-276 .header .header-wrapper .header-main .header-inner .logo,
  .page-id-275 .header .header-wrapper .header-main .header-inner .logo,
  .tax-product_cat .header .header-wrapper .header-main .header-inner .logo {
    mix-blend-mode: difference !important;
  }
}
body.category .header .header-wrapper .header-main .header-inner .flex-col:nth-child(2) .nav-left .nav-icon a,
.post-template-default .header .header-wrapper .header-main .header-inner .flex-col:nth-child(2) .nav-left .nav-icon a,
.blog .header .header-wrapper .header-main .header-inner .flex-col:nth-child(2) .nav-left .nav-icon a,
.page-id-70 .header .header-wrapper .header-main .header-inner .flex-col:nth-child(2) .nav-left .nav-icon a,
.woocommerce-cart .header .header-wrapper .header-main .header-inner .flex-col:nth-child(2) .nav-left .nav-icon a,
.single-product .header .header-wrapper .header-main .header-inner .flex-col:nth-child(2) .nav-left .nav-icon a,
.woocommerce-shop .header .header-wrapper .header-main .header-inner .flex-col:nth-child(2) .nav-left .nav-icon a,
.woocommerce-checkout .header .header-wrapper .header-main .header-inner .flex-col:nth-child(2) .nav-left .nav-icon a,
.woocommerce-account .header .header-wrapper .header-main .header-inner .flex-col:nth-child(2) .nav-left .nav-icon a,
.page-id-330 .header .header-wrapper .header-main .header-inner .flex-col:nth-child(2) .nav-left .nav-icon a,
.page-id-1116 .header .header-wrapper .header-main .header-inner .flex-col:nth-child(2) .nav-left .nav-icon a,
.single-featured_item .header .header-wrapper .header-main .header-inner .flex-col:nth-child(2) .nav-left .nav-icon a,
.page-id-276 .header .header-wrapper .header-main .header-inner .flex-col:nth-child(2) .nav-left .nav-icon a,
.page-id-275 .header .header-wrapper .header-main .header-inner .flex-col:nth-child(2) .nav-left .nav-icon a,
.tax-product_cat .header .header-wrapper .header-main .header-inner .flex-col:nth-child(2) .nav-left .nav-icon a {
  color: black;
}
body.category .header .header-wrapper .header-main .header-inner .flex-col:nth-child(3)::after,
.post-template-default .header .header-wrapper .header-main .header-inner .flex-col:nth-child(3)::after,
.blog .header .header-wrapper .header-main .header-inner .flex-col:nth-child(3)::after,
.page-id-70 .header .header-wrapper .header-main .header-inner .flex-col:nth-child(3)::after,
.woocommerce-cart .header .header-wrapper .header-main .header-inner .flex-col:nth-child(3)::after,
.single-product .header .header-wrapper .header-main .header-inner .flex-col:nth-child(3)::after,
.woocommerce-shop .header .header-wrapper .header-main .header-inner .flex-col:nth-child(3)::after,
.woocommerce-checkout .header .header-wrapper .header-main .header-inner .flex-col:nth-child(3)::after,
.woocommerce-account .header .header-wrapper .header-main .header-inner .flex-col:nth-child(3)::after,
.page-id-330 .header .header-wrapper .header-main .header-inner .flex-col:nth-child(3)::after,
.page-id-1116 .header .header-wrapper .header-main .header-inner .flex-col:nth-child(3)::after,
.single-featured_item .header .header-wrapper .header-main .header-inner .flex-col:nth-child(3)::after,
.page-id-276 .header .header-wrapper .header-main .header-inner .flex-col:nth-child(3)::after,
.page-id-275 .header .header-wrapper .header-main .header-inner .flex-col:nth-child(3)::after,
.tax-product_cat .header .header-wrapper .header-main .header-inner .flex-col:nth-child(3)::after {
  /* background-color: rgb(0 0 0 / 20%) !important; */
}
body.category .header .header-wrapper .header-main .header-inner .flex-col:nth-child(3) .header-nav-main.nav-left .menu-item a,
.post-template-default .header .header-wrapper .header-main .header-inner .flex-col:nth-child(3) .header-nav-main.nav-left .menu-item a,
.blog .header .header-wrapper .header-main .header-inner .flex-col:nth-child(3) .header-nav-main.nav-left .menu-item a,
.page-id-70 .header .header-wrapper .header-main .header-inner .flex-col:nth-child(3) .header-nav-main.nav-left .menu-item a,
.woocommerce-cart .header .header-wrapper .header-main .header-inner .flex-col:nth-child(3) .header-nav-main.nav-left .menu-item a,
.single-product .header .header-wrapper .header-main .header-inner .flex-col:nth-child(3) .header-nav-main.nav-left .menu-item a,
.woocommerce-shop .header .header-wrapper .header-main .header-inner .flex-col:nth-child(3) .header-nav-main.nav-left .menu-item a,
.woocommerce-checkout .header .header-wrapper .header-main .header-inner .flex-col:nth-child(3) .header-nav-main.nav-left .menu-item a,
.woocommerce-account .header .header-wrapper .header-main .header-inner .flex-col:nth-child(3) .header-nav-main.nav-left .menu-item a,
.page-id-330 .header .header-wrapper .header-main .header-inner .flex-col:nth-child(3) .header-nav-main.nav-left .menu-item a,
.page-id-1116 .header .header-wrapper .header-main .header-inner .flex-col:nth-child(3) .header-nav-main.nav-left .menu-item a,
.single-featured_item .header .header-wrapper .header-main .header-inner .flex-col:nth-child(3) .header-nav-main.nav-left .menu-item a,
.page-id-276 .header .header-wrapper .header-main .header-inner .flex-col:nth-child(3) .header-nav-main.nav-left .menu-item a,
.page-id-275 .header .header-wrapper .header-main .header-inner .flex-col:nth-child(3) .header-nav-main.nav-left .menu-item a,
.tax-product_cat .header .header-wrapper .header-main .header-inner .flex-col:nth-child(3) .header-nav-main.nav-left .menu-item a {
  color: white;
}
.overflowInitslider .flickity-viewport {
  overflow: initial;
}

/* =============================================== SLider COMMON =============================================== */
.my-custom-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.my-custom-pagination .arrow {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 18px;
  /* arrow size */
}

.my-custom-pagination .dots {
  display: flex;
  gap: 6px;
}

.my-custom-pagination .dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ccc;
  /* inactive color */
  border: none;
  cursor: pointer;
}

.my-custom-pagination .dot.is-selected {
  background: #000;
  /* active color */
}

.nuo-slider-common,
.nuo-slider-categories,
.nuo-slider-categories-1,
.nuo-slider-best-seller,
.nuo-slider-comunity,
.nuo-blog-slider-account,
.nuo-blog-slider-about {
  justify-content: center;
  display: flex;
  margin-left: -6px !important;
  margin-right: -6px !important;
  padding-bottom: 20px;
}
@media only screen and (max-width: 48em) {
  .nuo-slider-common .flickity-viewport,
  .nuo-slider-categories .flickity-viewport,
  .nuo-slider-categories-1 .flickity-viewport,
  .nuo-slider-best-seller .flickity-viewport,
  .nuo-slider-comunity .flickity-viewport,
  .nuo-blog-slider-account .flickity-viewport,
  .nuo-blog-slider-about .flickity-viewport {
    overflow: inherit !important;
  }
}
.nuo-slider-common .flickity-viewport .flickity-slider > .col,
.nuo-slider-categories .flickity-viewport .flickity-slider > .col,
.nuo-slider-categories-1 .flickity-viewport .flickity-slider > .col,
.nuo-slider-best-seller .flickity-viewport .flickity-slider > .col,
.nuo-slider-comunity .flickity-viewport .flickity-slider > .col,
.nuo-blog-slider-account .flickity-viewport .flickity-slider > .col,
.nuo-blog-slider-about .flickity-viewport .flickity-slider > .col {
  padding-left: 6px !important;
  padding-right: 6px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-slider-common .flickity-viewport .flickity-slider > .col,
  .nuo-slider-categories .flickity-viewport .flickity-slider > .col,
  .nuo-slider-categories-1 .flickity-viewport .flickity-slider > .col,
  .nuo-slider-best-seller .flickity-viewport .flickity-slider > .col,
  .nuo-slider-comunity .flickity-viewport .flickity-slider > .col,
  .nuo-blog-slider-account .flickity-viewport .flickity-slider > .col,
  .nuo-blog-slider-about .flickity-viewport .flickity-slider > .col {
    width: 80%;
  }
}
.nuo-slider-common .flickity-prev-next-button,
.nuo-slider-categories .flickity-prev-next-button,
.nuo-slider-categories-1 .flickity-prev-next-button,
.nuo-slider-best-seller .flickity-prev-next-button,
.nuo-slider-comunity .flickity-prev-next-button,
.nuo-blog-slider-account .flickity-prev-next-button,
.nuo-blog-slider-about .flickity-prev-next-button {
  opacity: 0.7;
  transform: translateX(0) !important;
}
@media only screen and (max-width: 48em) {
  .nuo-slider-common .flickity-prev-next-button,
  .nuo-slider-categories .flickity-prev-next-button,
  .nuo-slider-categories-1 .flickity-prev-next-button,
  .nuo-slider-best-seller .flickity-prev-next-button,
  .nuo-slider-comunity .flickity-prev-next-button,
  .nuo-blog-slider-account .flickity-prev-next-button,
  .nuo-blog-slider-about .flickity-prev-next-button {
    display: none;
  }
}
.nuo-slider-common .previous,
.nuo-slider-categories .previous,
.nuo-slider-categories-1 .previous,
.nuo-slider-best-seller .previous,
.nuo-slider-comunity .previous,
.nuo-blog-slider-account .previous,
.nuo-blog-slider-about .previous {
  background-color: transparent;
  background-image: url("https://nuoforlife.com/wp-content/uploads/2024/12/icon-arrow-left-circle.svg");
  background-size: 45px;
  background-repeat: no-repeat;
  background-position: center;
  width: 45px;
  left: 21px;
}
.nuo-slider-common .previous .flickity-button-icon,
.nuo-slider-categories .previous .flickity-button-icon,
.nuo-slider-categories-1 .previous .flickity-button-icon,
.nuo-slider-best-seller .previous .flickity-button-icon,
.nuo-slider-comunity .previous .flickity-button-icon,
.nuo-blog-slider-account .previous .flickity-button-icon,
.nuo-blog-slider-about .previous .flickity-button-icon {
  display: none;
}
.nuo-slider-common .next,
.nuo-slider-categories .next,
.nuo-slider-categories-1 .next,
.nuo-slider-best-seller .next,
.nuo-slider-comunity .next,
.nuo-blog-slider-account .next,
.nuo-blog-slider-about .next {
  background-color: transparent;
  background-image: url("https://nuoforlife.com/wp-content/uploads/2024/12/icon-arrow-right-circle.svg");
  background-size: 45px;
  background-repeat: no-repeat;
  background-position: center;
  width: 45px;
  right: 21px;
}
.nuo-slider-common .next .flickity-button-icon,
.nuo-slider-categories .next .flickity-button-icon,
.nuo-slider-categories-1 .next .flickity-button-icon,
.nuo-slider-best-seller .next .flickity-button-icon,
.nuo-slider-comunity .next .flickity-button-icon,
.nuo-blog-slider-account .next .flickity-button-icon,
.nuo-blog-slider-about .next .flickity-button-icon {
  display: none;
}
.nuo-slider-common .flickity-page-dots,
.nuo-slider-categories .flickity-page-dots,
.nuo-slider-categories-1 .flickity-page-dots,
.nuo-slider-best-seller .flickity-page-dots,
.nuo-slider-comunity .flickity-page-dots,
.nuo-blog-slider-account .flickity-page-dots,
.nuo-blog-slider-about .flickity-page-dots {
  padding: 8px;
  bottom: -24px;
  left: inherit;
  right: inherit;
  border-radius: 8px;
  background-color: #f2f2f2;
  min-height: 45px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 48em) {
  .nuo-slider-common .flickity-page-dots,
  .nuo-slider-categories .flickity-page-dots,
  .nuo-slider-categories-1 .flickity-page-dots,
  .nuo-slider-best-seller .flickity-page-dots,
  .nuo-slider-comunity .flickity-page-dots,
  .nuo-blog-slider-account .flickity-page-dots,
  .nuo-blog-slider-about .flickity-page-dots {
    width: 80vw;
    margin: 0;
    display: flex;
    background-color: transparent;
    padding: 0px !important;
    bottom: 0;
  }
}
.nuo-slider-common .flickity-page-dots .dot,
.nuo-slider-categories .flickity-page-dots .dot,
.nuo-slider-categories-1 .flickity-page-dots .dot,
.nuo-slider-best-seller .flickity-page-dots .dot,
.nuo-slider-comunity .flickity-page-dots .dot,
.nuo-blog-slider-account .flickity-page-dots .dot,
.nuo-blog-slider-about .flickity-page-dots .dot {
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 48em) {
  .nuo-slider-common .flickity-page-dots .dot,
  .nuo-slider-categories .flickity-page-dots .dot,
  .nuo-slider-categories-1 .flickity-page-dots .dot,
  .nuo-slider-best-seller .flickity-page-dots .dot,
  .nuo-slider-comunity .flickity-page-dots .dot,
  .nuo-blog-slider-account .flickity-page-dots .dot,
  .nuo-blog-slider-about .flickity-page-dots .dot {
    border-radius: 0;
    padding: 0;
    margin: 0;
    height: 2px;
    flex: 1;
    background-color: transparent;
    border-top: 1px dashed gray;
  }
  .nuo-slider-common .flickity-page-dots .dot.is-selected,
  .nuo-slider-categories .flickity-page-dots .dot.is-selected,
  .nuo-slider-categories-1 .flickity-page-dots .dot.is-selected,
  .nuo-slider-best-seller .flickity-page-dots .dot.is-selected,
  .nuo-slider-comunity .flickity-page-dots .dot.is-selected,
  .nuo-blog-slider-account .flickity-page-dots .dot.is-selected,
  .nuo-blog-slider-about .flickity-page-dots .dot.is-selected {
    border: 0px;
    background-color: black;
    margin-top: -1px;
    border-radius: 2px;
  }
}
.nuo-slider-categories .flickity-page-dots {
  padding: 8px 3rem;
  bottom: -40px;
}
.nuo-slider-categories .previous.flickity-prev-next-button:disabled {
  opacity: 0.2 !important;
  background-image: url("https://nuoforlife.com/wp-content/uploads/2025/01/icon-arrow-left-light.svg") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.nuo-slider-categories .next.flickity-prev-next-button:disabled {
  opacity: 0.2 !important;
  background-image: url("https://nuoforlife.com/wp-content/uploads/2025/01/icon-arrow-right-light.svg") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.nuo-slider-categories .flickity-prev-next-button {
  position: absolute;
  bottom: -30px;
  opacity: 1;
  top: inherit;
  z-index: 2;
  min-height: 24px;
  background: none;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.nuo-slider-categories .flickity-prev-next-button .flickity-button-icon {
  display: none !important;
}
.nuo-slider-categories .previous {
  left: calc(50% - 4.5rem);
  background-image: url("https://nuoforlife.com/wp-content/uploads/2025/01/icon-arrow-left-light.svg");
}
.nuo-slider-categories .next {
  right: calc(50% - 4.5rem);
  background-image: url("https://nuoforlife.com/wp-content/uploads/2025/01/icon-arrow-right-light.svg");
}

.nuo-slider-categories-1 .flickity-viewport {
  /* overflow: inherit !important; */
}

.nuo-slider-comunity .post-item .col-inner .box .box-image {
  border-radius: 20px;
}
@media only screen and (max-width: 48em) {
  .nuo-slider-comunity .post-item .col-inner .box .box-image {
    border-radius: 10px;
  }
}
.nuo-slider-comunity .post-item .col-inner .box .box-text {
  text-shadow: none;
  transform: none !important;
}
@media only screen and (max-width: 48em) {
  .nuo-slider-comunity .post-item .col-inner .box .box-text {
    padding: 13px !important;
  }
}
.nuo-slider-comunity .post-item .col-inner .box .box-text .box-text-inner .index {
  display: none;
}
.nuo-slider-comunity .post-item .col-inner .box .box-text .box-text-inner .post-title {
  position: relative;
  padding: 16px 24px;
  padding-top: 0;
  display: block;
  margin: 0;
  font-size: 40px;
  font-style: normal;
  font-family: "FamiljenGrotesk-Medium", sans-serif;
  font-weight: 500;
  line-height: 43px;
  text-transform: capitalize;
}
.nuo-slider-comunity .post-item .col-inner .box .box-text .box-text-inner .post-title a {
  text-decoration: none;
}
@media only screen and (max-width: 48em) {
  .nuo-slider-comunity .post-item .col-inner .box .box-text .box-text-inner .post-title {
    padding: 10px;
    padding-top: 0;
    font-size: 21px;
    font-style: normal;
    line-height: 24px;
  }
}
.nuo-slider-comunity .post-item .col-inner .box .box-text .box-text-inner .post-title::after {
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% + 10px);
  border-radius: 0px 0px 15px 15px;
  border: 1px solid white;
  border-top: 0;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 48em) {
  .nuo-slider-comunity .post-item .col-inner .box .box-text .box-text-inner .post-title::after {
    display: none;
  }
}
.nuo-slider-comunity .post-item .col-inner .box .box-text .box-text-inner .is-divider {
  display: none;
}
.nuo-slider-comunity .post-item .col-inner .box:hover .box-text .post-title::after {
  opacity: 1;
  height: 100%;
}

.ux-relay__pagination {
  display: flex;
  gap: 45px;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media only screen and (max-width: 48em) {
  .ux-relay__pagination {
    gap: 32px;
  }
}
.ux-relay__pagination::after, .ux-relay__pagination::before {
  content: "";
  display: none;
  width: 25px;
  height: 25px;
  border: 1px solid black !important;
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50px;
  opacity: 0.4;
  cursor: not-allowed;
}
.ux-relay__pagination::after {
  background-image: url("https://nuoforlife.com/wp-content/uploads/2025/01/icon-arrow-right-light.svg");
}
.ux-relay__pagination::before {
  background-image: url("https://nuoforlife.com/wp-content/uploads/2025/01/icon-arrow-left-light.svg");
}
.ux-relay__pagination:has(.next)::before {
  display: block;
}
.ux-relay__pagination:has(.prev)::after {
  display: block;
}
.ux-relay__pagination li {
  margin: 0 !important;
  display: block;
}
.ux-relay__pagination li span,
.ux-relay__pagination li a {
  font-family: "MNNuoLife-Book-330" !important;
  font-weight: 330;
  border: none !important;
  line-height: 1 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  line-height: 100%;
  letter-spacing: 2px;
  width: 25px;
  height: 25px;
  min-width: auto;
}
@media only screen and (max-width: 48em) {
  .ux-relay__pagination li span,
  .ux-relay__pagination li a {
    width: 23px;
    height: 23px;
  }
}
.ux-relay__pagination li span {
  background-color: transparent !important;
  color: black !important;
}
.ux-relay__pagination li a {
  color: #A2A2A2 !important;
  text-decoration: none;
}
.ux-relay__pagination li a.next, .ux-relay__pagination li a.prev {
  border: 1px solid black !important;
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.4;
}
.ux-relay__pagination li a.next i, .ux-relay__pagination li a.prev i {
  display: none;
}
.ux-relay__pagination li a.next {
  background-image: url("https://nuoforlife.com/wp-content/uploads/2025/01/icon-arrow-right-light.svg");
}
.ux-relay__pagination li a.prev {
  background-image: url("https://nuoforlife.com/wp-content/uploads/2025/01/icon-arrow-left-light.svg");
}
.ux-relay__pagination li a:hover {
  background-color: transparent !important;
  color: black !important;
}
.ux-relay__pagination li a:hover.next, .ux-relay__pagination li a:hover.prev {
  opacity: 1;
  border: 1px solid black !important;
}

/* =========================== SEARCH BOX LIGHT ======================== */
.mfp-wrap {
  z-index: 999999;
  /* @include responsiveMax($mobile-breakpoint) {
  z-index: 1043;
  } */
}

.nuo-header-search-t3 .live-search-results {
  background-color: rgba(63, 63, 63, 0.4);
  border-radius: 16px;
  overflow: hidden;
}

.nuo-btn-search-active {
  overflow: hidden;
}
.nuo-btn-search-active .nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-center {
  opacity: 0;
}
.nuo-btn-search-active .nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-desk .nuo-nav-right .header-nav > .nuo-header-search-t3 > a i {
  background-image: url("https://nuoforlife.com/wp-content/uploads/2025/02/icon-close-modal-dark.svg");
  background-size: 20px;
}
.nuo-btn-search-active .nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper {
  z-index: 9999;
  justify-content: flex-end;
}
.nuo-btn-search-active .nuo-header .nuo-header-wrapper .nuo-header-main .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob > .nuo-header-search-t3 > a i {
  background-image: url("https://nuoforlife.com/wp-content/uploads/2025/02/icon-close-modal-dark.svg");
  background-size: 20px;
}
.nuo-btn-search-active .nuo-header-search-t3 .search-lightbox {
  display: block !important;
}
.nuo-btn-search-active .nuo-header-search-t3 .search-lightbox .searchform-wrapper .searchform .search-field {
  position: relative;
  top: -2px;
  background-color: transparent !important;
  color: white;
  height: 64px;
  padding-left: 45px;
  padding-right: 45px;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.36px;
}
@media only screen and (min-width: 48em) {
  .nuo-btn-search-active .nuo-header-search-t3 .search-lightbox .searchform-wrapper .searchform .search-field {
    font-family: "FamiljenGrotesk-Bold", sans-serif;
  }
}
.nuo-btn-search-active .nuo-header-search-t3 .search-lightbox .searchform-wrapper .searchform .search-field::placeholder {
  color: white;
}
.nuo-btn-search-active .nuo-header-search-t3 .search-lightbox .searchform-wrapper .searchform .ux-search-submit {
  display: none;
}
.nuo-btn-search-active .nuo-header-inner-desk::before {
  content: "";
  position: fixed;
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(12.5px);
  mix-blend-mode: difference;
  top: 56px;
  left: 28vw;
  width: 44vw;
  height: 64px;
  transform: none;
  max-width: none;
  border-radius: 10px;
  z-index: 1000;
}
.nuo-btn-search-active .nuo-header-inner-desk .nuo-header-search-t3 .search-lightbox .searchform-wrapper {
  position: fixed !important;
  left: 28vw;
  width: 44vw;
  z-index: 9999;
  top: 56px;
}
.nuo-btn-search-active .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob > .cart-item, .nuo-btn-search-active .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob > .account-item, .nuo-btn-search-active .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob > .nav-icon {
  display: none !important;
}
.nuo-btn-search-active .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob .nuo-header-search-t3 > a {
  background-color: black;
  border-radius: 45px;
  z-index: 10000 !important;
}
.nuo-btn-search-active .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob .nuo-header-search-t3 .search-lightbox::before {
  content: "";
  position: fixed;
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(12.5px);
  mix-blend-mode: difference;
  top: 43px;
  left: 24px;
  right: 24px;
  height: 64px;
  transform: none;
  max-width: none;
  border-radius: 10px;
  z-index: 1000;
}
.nuo-btn-search-active .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob .nuo-header-search-t3 .search-lightbox::after {
  content: "";
  position: fixed;
  background-color: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(10px);
  /* mix-blend-mode: difference; */
  top: 0;
  width: 100vw;
  height: 100vh;
  left: 0;
  transform: none;
  max-width: none;
  border-radius: 0;
  z-index: 999;
}
.nuo-btn-search-active .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob .nuo-header-search-t3 .search-lightbox .searchform-wrapper {
  top: 43px;
  margin-top: 0;
  background-color: transparent;
  backdrop-filter: inherit;
  position: fixed !important;
  z-index: 99999;
  left: 24px;
  right: 24px;
  width: auto;
}
.nuo-btn-search-active .nuo-header-inner-mob .nuo-nav-wrapper .nuo-header-nav-mob .nuo-header-search-t3 .search-lightbox .searchform-wrapper .searchform .search-field {
  padding-left: 25px;
  padding-right: 25px;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.36px;
}
.nuo-btn-search-active .nuo-header-inner-mob .nuo-overlay-nav-mob {
  display: none !important;
}

/* =========================== Chatbot ======================== */
#embedded-messaging > .embeddedMessagingFrame[class~=isMinimized] {
  bottom: 14vh !important;
  right: 16px !important;
}

#embedded-messaging {
  position: relative;
  z-index: 99999;
}
#embedded-messaging .embeddedMessagingConversationButtonWrapper .embeddedMessagingConversationButton {
  bottom: 14vh !important;
  right: 16px !important;
}

@media only screen and (min-width: 48em) {
  .embedded-messaging > .embeddedMessagingFrame[class~=isMaximized] {
    right: 14vh !important;
  }
}
/* =========================== ReCapcha ======================== */
.grecaptcha-badge {
  opacity: 0;
}

.nuo-space-nav-header {
  height: 150px !important;
  background: transparent;
}

.nuo-section-nav-header {
  padding-top: 163px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-section-nav-header {
    padding-top: 114px !important;
  }
}

/* =============================================== HEADER =============================================== */
.absolute-footer {
  display: none;
}

/* =========================== FOOTER ======================== */
.footer-wrapper {
  background: black;
}
@media only screen and (max-width: 48em) {
  .footer-wrapper {
    padding-bottom: 140px;
  }
}
.footer-wrapper .footer-1,
.footer-wrapper .footer-2 {
  border: 0px !important;
}
.footer-wrapper .footer-1 {
  padding: 0px !important;
}
.footer-wrapper .footer-1 .row {
  padding: 0px !important;
}
.footer-wrapper .footer-1 .row .col {
  padding: 0px !important;
}
.footer-wrapper .section-get-start {
  position: relative;
  width: 100%;
  background-color: black;
}
.footer-wrapper .section-get-start img {
  width: 100%;
  min-height: 800px;
  object-fit: cover;
  opacity: 0.8;
}
@media only screen and (max-width: 48em) {
  .footer-wrapper .section-get-start img {
    height: 550px;
    min-height: 550px;
  }
}
.footer-wrapper .section-get-start .content-wrap {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer-wrapper .section-get-start .content-wrap .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0 24px;
}
.footer-wrapper .section-get-start .content-wrap .content .title {
  text-align: center;
  font-size: 55px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 10px;
}
@media only screen and (min-width: 48em) {
  .footer-wrapper .section-get-start .content-wrap .content .title {
    font-family: "FamiljenGrotesk-Bold", sans-serif;
  }
}
@media only screen and (max-width: 48em) {
  .footer-wrapper .section-get-start .content-wrap .content .title {
    font-size: 35px;
  }
}
.footer-wrapper .section-get-start .content-wrap .content .des {
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 38px;
  margin: 0;
  margin-bottom: 40px;
}
@media only screen and (max-width: 48em) {
  .footer-wrapper .section-get-start .content-wrap .content .des {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.14px;
    margin-bottom: 0;
  }
}
.footer-wrapper .section-get-start .content-wrap .content .button {
  min-height: 58px;
  margin: 0;
  font-size: 14px;
}
.footer-wrapper .footer-2 {
  padding-top: 30px;
  padding-bottom: 70px;
  padding-left: 32px;
  padding-right: 32px;
}
@media only screen and (max-width: 48em) {
  .footer-wrapper .footer-2 {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
  }
}
.footer-wrapper .footer-2 > .row {
  display: flex;
}
@media only screen and (max-width: 48em) {
  .footer-wrapper .footer-2 > .row {
    flex-direction: column-reverse;
    gap: 24px;
  }
}
@media only screen and (max-width: 48em) {
  .footer-wrapper .footer-2 #block_widget-2,
  .footer-wrapper .footer-2 #custom_html-12,
  .footer-wrapper .footer-2 #block_widget-3,
  .footer-wrapper .footer-2 #custom_html-14,
  .footer-wrapper .footer-2 #block_widget-14 {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.footer-wrapper .footer-2 #block_widget-2 {
  width: 25%;
  flex-basis: 25%;
  max-width: 25%;
}
@media only screen and (max-width: 48em) {
  .footer-wrapper .footer-2 #block_widget-2 {
    width: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}
.footer-wrapper .footer-2 #block_widget-2 > .row {
  height: 100%;
}
.footer-wrapper .footer-2 #block_widget-2 > .row > .col {
  height: 100%;
}
.footer-wrapper .footer-2 #block_widget-2 > .row > .col .col-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.footer-wrapper .footer-2 #block_widget-2 > .row > .col .col-inner p {
  flex: 1;
}
.footer-wrapper .footer-2 #custom_html-12,
.footer-wrapper .footer-2 #custom_html-14 {
  flex: 1;
}
.footer-wrapper .footer-2 #custom_html-12 .widget-title,
.footer-wrapper .footer-2 #custom_html-12 .is-divider,
.footer-wrapper .footer-2 #custom_html-14 .widget-title,
.footer-wrapper .footer-2 #custom_html-14 .is-divider {
  display: none;
}
.footer-wrapper .footer-2 #custom_html-12 .nuo-menu-wrap-footer,
.footer-wrapper .footer-2 #custom_html-14 .nuo-menu-wrap-footer {
  display: flex;
  gap: 24px;
}
@media only screen and (max-width: 48em) {
  .footer-wrapper .footer-2 #custom_html-12 .nuo-menu-wrap-footer,
  .footer-wrapper .footer-2 #custom_html-14 .nuo-menu-wrap-footer {
    flex-direction: column;
  }
}
.footer-wrapper .footer-2 #custom_html-12 .nuo-menu-wrap-footer .nuo-menu-col-footer,
.footer-wrapper .footer-2 #custom_html-14 .nuo-menu-wrap-footer .nuo-menu-col-footer {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media only screen and (max-width: 48em) {
  .footer-wrapper .footer-2 #custom_html-12 .nuo-menu-wrap-footer .nuo-menu-col-footer,
  .footer-wrapper .footer-2 #custom_html-14 .nuo-menu-wrap-footer .nuo-menu-col-footer {
    border-top: 1px dashed white;
    padding-top: 10px;
  }
}
.footer-wrapper .footer-2 #custom_html-12 .nuo-menu-wrap-footer .nuo-menu-col-footer .title,
.footer-wrapper .footer-2 #custom_html-14 .nuo-menu-wrap-footer .nuo-menu-col-footer .title {
  display: flex;
}
.footer-wrapper .footer-2 #custom_html-12 .nuo-menu-wrap-footer .nuo-menu-col-footer .title span,
.footer-wrapper .footer-2 #custom_html-14 .nuo-menu-wrap-footer .nuo-menu-col-footer .title span {
  flex: 1;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.18px;
  text-transform: uppercase;
}
.footer-wrapper .footer-2 #custom_html-12 .nuo-menu-wrap-footer .nuo-menu-col-footer .title i,
.footer-wrapper .footer-2 #custom_html-14 .nuo-menu-wrap-footer .nuo-menu-col-footer .title i {
  display: none;
}
@media only screen and (max-width: 48em) {
  .footer-wrapper .footer-2 #custom_html-12 .nuo-menu-wrap-footer .nuo-menu-col-footer .title i,
  .footer-wrapper .footer-2 #custom_html-14 .nuo-menu-wrap-footer .nuo-menu-col-footer .title i {
    height: 18px;
    width: 18px;
    display: block;
    background-image: url("https://nuoforlife.com/wp-content/uploads/2025/02/icon-plus-dark.svg");
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
  }
}
.footer-wrapper .footer-2 #custom_html-12 .nuo-menu-wrap-footer .nuo-menu-col-footer .nuo-list,
.footer-wrapper .footer-2 #custom_html-14 .nuo-menu-wrap-footer .nuo-menu-col-footer .nuo-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.footer-wrapper .footer-2 #custom_html-12 .nuo-menu-wrap-footer .nuo-menu-col-footer .nuo-list .cat-item,
.footer-wrapper .footer-2 #custom_html-12 .nuo-menu-wrap-footer .nuo-menu-col-footer .nuo-list li,
.footer-wrapper .footer-2 #custom_html-14 .nuo-menu-wrap-footer .nuo-menu-col-footer .nuo-list .cat-item,
.footer-wrapper .footer-2 #custom_html-14 .nuo-menu-wrap-footer .nuo-menu-col-footer .nuo-list li {
  padding: 0px;
  margin: 0;
  height: auto;
  border: 0px;
}
.footer-wrapper .footer-2 #custom_html-12 .nuo-menu-wrap-footer .nuo-menu-col-footer .nuo-list .cat-item a,
.footer-wrapper .footer-2 #custom_html-12 .nuo-menu-wrap-footer .nuo-menu-col-footer .nuo-list li a,
.footer-wrapper .footer-2 #custom_html-14 .nuo-menu-wrap-footer .nuo-menu-col-footer .nuo-list .cat-item a,
.footer-wrapper .footer-2 #custom_html-14 .nuo-menu-wrap-footer .nuo-menu-col-footer .nuo-list li a {
  padding: 0px;
  height: auto;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.18px;
  text-transform: capitalize;
  text-decoration: none;
}
@media only screen and (max-width: 48em) {
  .footer-wrapper .footer-2 #custom_html-12 .nuo-menu-wrap-footer .nuo-menu-col-footer .nuo-list,
  .footer-wrapper .footer-2 #custom_html-14 .nuo-menu-wrap-footer .nuo-menu-col-footer .nuo-list {
    display: none;
  }
  .footer-wrapper .footer-2 #custom_html-12 .nuo-menu-wrap-footer .nuo-menu-col-footer.active .nuo-list,
  .footer-wrapper .footer-2 #custom_html-14 .nuo-menu-wrap-footer .nuo-menu-col-footer.active .nuo-list {
    display: flex;
  }
  .footer-wrapper .footer-2 #custom_html-12 .nuo-menu-wrap-footer .nuo-menu-col-footer.active .title i,
  .footer-wrapper .footer-2 #custom_html-14 .nuo-menu-wrap-footer .nuo-menu-col-footer.active .title i {
    background-image: url("https://nuoforlife.com/wp-content/uploads/2025/02/icon-minus-dark.svg");
  }
}
.footer-wrapper .footer-2 #block_widget-3,
.footer-wrapper .footer-2 #block_widget-14 {
  width: 25%;
  flex-basis: 25%;
  max-width: 25%;
}
@media only screen and (max-width: 48em) {
  .footer-wrapper .footer-2 #block_widget-3,
  .footer-wrapper .footer-2 #block_widget-14 {
    width: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}
.footer-wrapper .footer-2 > .row .nuo-newLetter-footer {
  margin-top: 6px;
}
.footer-wrapper .footer-2 > .row .nuo-newLetter-footer > .col {
  margin: 0;
  padding-bottom: 0;
}
.footer-wrapper .footer-2 > .row .nuo-newLetter-footer .col-inner > p:nth-child(3) {
  margin: 0;
}
.footer-wrapper .footer-2 > .row .nuo-newLetter-footer .col-inner form {
  margin: 0;
}
.footer-wrapper .footer-2 > .row .nuo-newLetter-footer .col-inner form .form-flat {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.footer-wrapper .footer-2 > .row .nuo-newLetter-footer .col-inner form .form-flat p {
  margin: 0;
}
.footer-wrapper .footer-2 > .row .nuo-newLetter-footer .col-inner form .wpcf7-email {
  height: 43px;
  border-radius: 8px;
  border: 1px solid white !important;
  background-color: transparent !important;
}
.footer-wrapper .footer-2 > .row .nuo-newLetter-footer .col-inner form .wpcf7-submit {
  background-color: white !important;
  color: black !important;
  width: 100%;
  border-radius: 8px;
  border: 0;
  height: 43px;
  padding: 4.7px 20px !important;
}
.footer-wrapper .footer-2 > .row .nuo-newLetter-footer .col-inner form .wpcf7-spinner {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
.footer-wrapper .footer-2 .widget-title {
  font-weight: 400;
  padding-bottom: 1rem;
  display: block;
  font-size: 18px;
}
.footer-wrapper .footer-2 .is-divider {
  display: none;
}
.footer-wrapper .footer-2 .nuo-nav-goal {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.footer-wrapper .footer-2 .nuo-nav-goal a {
  display: block;
}
@media only screen and (max-width: 48em) {
  .footer-wrapper .footer-2 .nuo-nav-goal a {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.18px;
    text-transform: capitalize;
  }
}
.footer-wrapper .footer-2 .social-icons {
  display: flex;
  gap: 10px;
}
.footer-wrapper .footer-2 .social-icons > .facebook, .footer-wrapper .footer-2 .social-icons > .instagram {
  border: 0;
  padding: 0;
  margin: 0;
  width: 30px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 0px !important;
}
.footer-wrapper .footer-2 .social-icons > .facebook:hover, .footer-wrapper .footer-2 .social-icons > .instagram:hover {
  background-color: transparent !important;
}
.footer-wrapper .footer-2 .social-icons > .facebook {
  background-image: url("https://nuoforlife.com/wp-content/uploads/2025/01/icon-facebook-dark.svg");
}
.footer-wrapper .footer-2 .social-icons > .facebook .icon-facebook {
  display: none;
}
.footer-wrapper .footer-2 .social-icons > .instagram {
  background-image: url("https://nuoforlife.com/wp-content/uploads/2025/01/icon-instagram-dark.svg");
}
.footer-wrapper .footer-2 .social-icons > .instagram .icon-instagram {
  display: none;
}

.back-to-top {
  color: white !important;
  mix-blend-mode: difference;
}

.nuo-section,
.nuo-section-dash {
  position: relative;
}
.nuo-section::before,
.nuo-section-dash::before {
  content: "";
  display: block;
  position: absolute;
  top: 24px;
  left: 24px;
  right: 24px;
  height: 36px;
  border: 1px solid black;
  border-bottom: 0px;
  border-radius: 15px 15px 0px 0px;
}
@media only screen and (max-width: 48em) {
  .nuo-section::before,
  .nuo-section-dash::before {
    left: 1rem;
    right: 1rem;
  }
}

.nuo-section-dash::before {
  border: 0;
  border-top: 1px dashed black;
  border-radius: 0;
}

.nuo-show-mob {
  display: none;
}
@media only screen and (max-width: 48em) {
  .nuo-show-mob {
    display: flex;
  }
}

@media only screen and (max-width: 48em) {
  .nuo-show-desktop {
    display: none;
  }
}

.nuo-breakcrum-wrap .nuo-breakcrum a,
.nuo-breakcrum-wrap .nuo-breakcrum span {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.16px;
  color: #A2A2A2;
}
@media only screen and (max-width: 48em) {
  .nuo-breakcrum-wrap .nuo-breakcrum a,
  .nuo-breakcrum-wrap .nuo-breakcrum span {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.14px;
  }
}
.nuo-breakcrum-wrap .nuo-breakcrum a:hover {
  color: #000000;
}
.nuo-breakcrum-wrap .nuo-breakcrum a.disabled {
  color: #A2A2A2;
}
@media only screen and (max-width: 48em) {
  .nuo-one-row-mob {
    flex-direction: column;
    align-items: center;
  }
}

.nuo-col-row {
  flex-wrap: nowrap;
  flex-direction: row;
}
@media only screen and (max-width: 48em) {
  .nuo-col-row {
    flex-direction: column;
  }
}

.nuo-row-72-24 {
  padding-left: 72px;
  padding-right: 72px;
}
.nuo-row-72-24::after {
  display: none;
}
@media only screen and (max-width: 48em) {
  .nuo-row-72-24 {
    padding-left: 24px;
    padding-right: 24px;
  }
}

.nuo-row-banner,
.nuo-row-48-24 {
  padding-left: 48px;
  padding-right: 48px;
  /* &>.col {
    padding-left: 0px !important;
    padding-right: 0px !important;

    &>.col-inner {
      padding-left: 0px !important;
      padding-right: 0px !important;
    }
  } */
}
.nuo-row-banner::after,
.nuo-row-48-24::after {
  display: none;
}
@media only screen and (max-width: 48em) {
  .nuo-row-banner,
  .nuo-row-48-24 {
    padding-left: 24px;
    padding-right: 24px;
  }
}

.nuo-row-48-16 {
  padding-left: 48px;
  padding-right: 48px;
  /* &>.col {
    padding-left: 0px !important;
    padding-right: 0px !important;

    &>.col-inner {
      padding-left: 0px !important;
      padding-right: 0px !important;
    }
  } */
}
.nuo-row-48-16::after {
  display: none;
}
@media only screen and (max-width: 48em) {
  .nuo-row-48-16 {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.nuo-row-24-12 {
  padding-left: 24px;
  padding-right: 24px;
}
.nuo-row-24-12::after {
  display: none;
}
@media only screen and (max-width: 48em) {
  .nuo-row-24-12 {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.nuo-row-10-12 {
  padding-left: 10px;
  padding-right: 10px;
}
.nuo-row-10-12::after {
  display: none;
}
@media only screen and (max-width: 48em) {
  .nuo-row-10-12 {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.nuo-row-text-image-item .box-text {
  padding: 0;
}

.woocommerce-form__label {
  position: relative;
  display: flex;
  /* align-items: center; */
  gap: 8px;
}
.woocommerce-form__label input[type=checkbox],
.woocommerce-form__label input[type=radio] {
  position: relative;
  top: 3px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  margin: 0 !important;
}
.woocommerce-form__label input[type=checkbox]:checked ~ span,
.woocommerce-form__label input[type=radio]:checked ~ span {
  position: relative;
}
.woocommerce-form__label input[type=checkbox]:checked ~ span::before,
.woocommerce-form__label input[type=radio]:checked ~ span::before {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: -28px;
  width: 20px;
  height: 20px;
  background-color: #000000;
  color: #ffffff;
  border-radius: 4px;
}
.woocommerce-form__label > span {
  flex: 1;
  color: #A2A2A2;
  font-weight: bold;
}
.woocommerce-form__label input[type=checkbox]:checked ~ span {
  color: #000000;
}
.woocommerce-form__label input[type=checkbox]:checked ~ span::before {
  background-image: url("https://nuoforlife.com/wp-content/uploads/2025/01/icon-checkmark-dark.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.woocommerce-privacy-policy-text {
  font-size: 1rem;
}

.woocommerce-privacy-policy-link {
  color: #369E84;
}

/* =========================== Product Catalog -  SHOP Page ======================== */
/* woocommerce-shop woocommerce woocommerce-page */
.category-page-row .shop-container > .products {
  margin-left: -6px !important;
  margin-right: -6px !important;
}
.category-page-row .shop-container > .products > .col {
  padding-left: 6px;
  padding-right: 6px;
  margin-bottom: 52px;
}
@media only screen and (max-width: 48em) {
  .category-page-row .shop-container > .products > .col {
    margin-bottom: 0px;
  }
}

.woocommerce-shop .category-page-row > .col,
.tax-product_cat .category-page-row > .col {
  padding-left: 48px;
  padding-right: 48px;
  padding-bottom: 30px;
}
@media only screen and (max-width: 48em) {
  .woocommerce-shop .category-page-row > .col,
  .tax-product_cat .category-page-row > .col {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.woocommerce-shop .category-page-title,
.tax-product_cat .category-page-title {
  display: none;
}
.woocommerce-shop .product-cover,
.tax-product_cat .product-cover {
  position: relative;
}
@media only screen and (max-width: 48em) {
  .woocommerce-shop .product-cover,
  .tax-product_cat .product-cover {
    margin-bottom: 32px !important;
    height: 62vh;
  }
}
.woocommerce-shop .product-cover img,
.tax-product_cat .product-cover img {
  border-radius: 8px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.woocommerce-shop .product-cover .woocommerce-loop-category__title,
.tax-product_cat .product-cover .woocommerce-loop-category__title {
  position: absolute;
  top: 10px;
  left: 24px;
  font-size: 1rem;
  font-weight: 400;
  background-color: #0F3E95;
  display: inline-block;
  width: auto;
  padding: 2px 4px;
  border-radius: 4px;
  color: white;
}
.woocommerce-shop .product-cover .woocommerce-loop-category__title span,
.tax-product_cat .product-cover .woocommerce-loop-category__title span {
  display: none;
}
.woocommerce-shop .custom-category-header,
.tax-product_cat .custom-category-header {
  position: relative;
  padding: 1rem;
  padding-top: 90px;
  padding-bottom: 72px;
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 16px;
}
@media only screen and (max-width: 48em) {
  .woocommerce-shop .custom-category-header,
  .tax-product_cat .custom-category-header {
    padding-top: 37px;
    padding-bottom: 5vh;
  }
}
.woocommerce-shop .custom-category-header .term-description,
.tax-product_cat .custom-category-header .term-description {
  display: flex;
  justify-content: center;
}
.woocommerce-shop .custom-category-header .term-description p,
.tax-product_cat .custom-category-header .term-description p {
  text-align: center;
  color: #A2A2A2;
  width: 640px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.16px;
}
@media only screen and (max-width: 48em) {
  .woocommerce-shop .custom-category-header .term-description p,
  .tax-product_cat .custom-category-header .term-description p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.14px;
  }
}
.woocommerce-shop .custom-category-header .nuo-title,
.tax-product_cat .custom-category-header .nuo-title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 55px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  text-transform: uppercase;
}
@media only screen and (min-width: 48em) {
  .woocommerce-shop .custom-category-header .nuo-title,
  .tax-product_cat .custom-category-header .nuo-title {
    font-family: "FamiljenGrotesk-Bold", sans-serif;
  }
}
@media only screen and (max-width: 48em) {
  .woocommerce-shop .custom-category-header .nuo-title,
  .tax-product_cat .custom-category-header .nuo-title {
    /* flex-direction: column; */
    flex-wrap: wrap;
    font-size: 30px;
    line-height: 32px;
    letter-spacing: 0.3px;
  }
}
.woocommerce-shop .custom-category-header .nuo-title span,
.tax-product_cat .custom-category-header .nuo-title span {
  position: relative;
  top: 7px;
  font-family: "MNNuoLife-SemiBold-400";
  font-weight: 400;
  font-size: 40px;
  font-style: normal;
  line-height: 100%;
  text-transform: uppercase;
}
@media only screen and (max-width: 48em) {
  .woocommerce-shop .custom-category-header .nuo-title span,
  .tax-product_cat .custom-category-header .nuo-title span {
    top: 5px;
    margin-right: 4px;
    font-size: 22px;
  }
}
.woocommerce-shop .woocommerce_before_main_content,
.tax-product_cat .woocommerce_before_main_content {
  display: flex;
  align-items: center;
  /* flex-wrap: wrap; */
  justify-content: flex-end;
  padding-top: 16px;
  padding-bottom: 16px;
  gap: 2rem;
}
.woocommerce-shop .woocommerce_before_main_content .product-count,
.tax-product_cat .woocommerce_before_main_content .product-count {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border: 1px solid black;
  border-bottom: 0px;
  border-right: 0;
  border-top-left-radius: 16px;
  max-width: 399px;
  width: 100%;
  min-height: 45px;
  font-size: 20px;
  font-style: normal;
  font-family: "FamiljenGrotesk-Medium", sans-serif;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.2px;
  text-transform: uppercase;
}
@media only screen and (max-width: 48em) {
  .woocommerce-shop .woocommerce_before_main_content .product-count,
  .tax-product_cat .woocommerce_before_main_content .product-count {
    border-top-left-radius: 10px;
    max-width: 120px;
    min-height: 35px;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 13px;
    letter-spacing: 0.12px;
    left: -8px;
  }
}
.woocommerce-shop .woocommerce_before_main_content .product-count span,
.tax-product_cat .woocommerce_before_main_content .product-count span {
  position: relative;
  top: 3px;
  font-family: "MNNuoLife-SemiBold-400";
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 100%;
}
@media only screen and (max-width: 48em) {
  .woocommerce-shop .woocommerce_before_main_content .product-count span,
  .tax-product_cat .woocommerce_before_main_content .product-count span {
    top: 1px;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
  }
}
.woocommerce-shop .woocommerce_before_main_content .woocommerce-ordering,
.tax-product_cat .woocommerce_before_main_content .woocommerce-ordering {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: end;
}
@media only screen and (max-width: 48em) {
  .woocommerce-shop .woocommerce_before_main_content .woocommerce-ordering,
  .tax-product_cat .woocommerce_before_main_content .woocommerce-ordering {
    right: -8px;
  }
}
.woocommerce-shop .woocommerce_before_main_content .woocommerce-ordering select,
.tax-product_cat .woocommerce_before_main_content .woocommerce-ordering select {
  position: relative;
  padding: 0px 10px;
  border: 1px solid black !important;
  border-bottom: 0px !important;
  border-left: 0px !important;
  border-radius: 0px !important;
  border-top-right-radius: 16px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  height: 37px !important;
  margin: 0;
  max-width: 399px;
  width: 100%;
  min-height: 45px;
  font-size: 20px;
  font-style: normal;
  font-family: "FamiljenGrotesk-Medium", sans-serif;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.2px;
  text-transform: uppercase;
}
@media only screen and (max-width: 48em) {
  .woocommerce-shop .woocommerce_before_main_content .woocommerce-ordering select,
  .tax-product_cat .woocommerce_before_main_content .woocommerce-ordering select {
    border-top-right-radius: 10px !important;
    max-width: 120px;
    min-height: 35px;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 13px;
    letter-spacing: 0.12px;
  }
}
.woocommerce-shop .woocommerce_before_main_content .woocommerce-ordering::after,
.tax-product_cat .woocommerce_before_main_content .woocommerce-ordering::after {
  content: ">";
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 7px;
  right: 5px;
  width: 32px;
  height: 32px;
  background-color: white;
  font-family: "MNNuoLife-Book-330";
  font-weight: 330;
  transform: rotate(90deg);
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
}
@media only screen and (max-width: 48em) {
  .woocommerce-shop .woocommerce_before_main_content .woocommerce-ordering::after,
  .tax-product_cat .woocommerce_before_main_content .woocommerce-ordering::after {
    top: 4px;
  }
}
.woocommerce-shop .menu-product_categories-container, .woocommerce-shop .menu-product_categories-vi-container,
.tax-product_cat .menu-product_categories-container,
.tax-product_cat .menu-product_categories-vi-container {
  padding-top: 164px;
  padding-bottom: 1rem;
}
@media only screen and (max-width: 48em) {
  .woocommerce-shop .menu-product_categories-container, .woocommerce-shop .menu-product_categories-vi-container,
  .tax-product_cat .menu-product_categories-container,
  .tax-product_cat .menu-product_categories-vi-container {
    padding-top: 152px;
  }
}

.menu-product_categories-container, .menu-product_categories-vi-container {
  position: relative;
  display: flex;
  width: 100%;
  min-width: 0;
  overflow: auto;
  padding-top: 1rem;
  padding-left: 48px;
  padding-right: 48px;
}
@media only screen and (max-width: 48em) {
  .menu-product_categories-container, .menu-product_categories-vi-container {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.menu-product_categories-container .menu-product-categories, .menu-product_categories-vi-container .menu-product-categories {
  position: relative;
  z-index: 2;
  display: flex;
  flex: 1;
  justify-content: center;
  gap: 1rem;
  margin: 0;
  padding: 0px 1rem;
  list-style: none;
  border: 1px solid black;
  border-bottom: 0px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.menu-product_categories-container .menu-product-categories > .menu-item, .menu-product_categories-vi-container .menu-product-categories > .menu-item {
  display: block;
  white-space: nowrap;
  margin: 0;
}
.menu-product_categories-container .menu-product-categories > .menu-item a, .menu-product_categories-vi-container .menu-product-categories > .menu-item a {
  position: relative;
  color: black;
  opacity: 0.5;
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 8px;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-family: "FamiljenGrotesk-Medium", sans-serif;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.16px;
  text-transform: uppercase;
  min-height: 48px;
}
@media only screen and (max-width: 48em) {
  .menu-product_categories-container .menu-product-categories > .menu-item a, .menu-product_categories-vi-container .menu-product-categories > .menu-item a {
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 13px;
    letter-spacing: 0.12px;
    min-height: 35px;
  }
}
.menu-product_categories-container .menu-product-categories > .menu-item a::before, .menu-product_categories-vi-container .menu-product-categories > .menu-item a::before {
  opacity: 0;
  content: "[";
  display: block;
  position: relative;
  top: -1px;
  transition: all 0.3s ease;
}
.menu-product_categories-container .menu-product-categories > .menu-item a::after, .menu-product_categories-vi-container .menu-product-categories > .menu-item a::after {
  opacity: 0;
  content: "]";
  display: block;
  position: relative;
  top: -1px;
  transition: all 0.3s ease;
}
.menu-product_categories-container .menu-product-categories > .menu-item a:hover, .menu-product_categories-vi-container .menu-product-categories > .menu-item a:hover {
  opacity: 1;
}
.menu-product_categories-container .menu-product-categories > .menu-item a:hover::before, .menu-product_categories-vi-container .menu-product-categories > .menu-item a:hover::before {
  opacity: 1;
}
.menu-product_categories-container .menu-product-categories > .menu-item a:hover::after, .menu-product_categories-vi-container .menu-product-categories > .menu-item a:hover::after {
  opacity: 1;
}
.menu-product_categories-container .menu-product-categories > .menu-item.current-menu-item a, .menu-product_categories-vi-container .menu-product-categories > .menu-item.current-menu-item a {
  opacity: 1;
}
.menu-product_categories-container .menu-product-categories > .menu-item.current-menu-item a::before, .menu-product_categories-vi-container .menu-product-categories > .menu-item.current-menu-item a::before {
  opacity: 1;
}
.menu-product_categories-container .menu-product-categories > .menu-item.current-menu-item a::after, .menu-product_categories-vi-container .menu-product-categories > .menu-item.current-menu-item a::after {
  opacity: 1;
}

.nuo-product-develop-biz .box,
.nuo-product-develop-about .box,
.nuo-row-text-image-item .box {
  display: flex;
  flex-direction: column-reverse;
  gap: 1rem;
}
.nuo-product-develop-biz .box .box-image,
.nuo-product-develop-about .box .box-image,
.nuo-row-text-image-item .box .box-image {
  border-radius: 10px !important;
}
.nuo-product-develop-biz .box .box-text,
.nuo-product-develop-about .box .box-text,
.nuo-row-text-image-item .box .box-text {
  display: flex;
  align-items: center;
  border-radius: 10px 0px 0px 0px;
}
.nuo-product-develop-biz .box .box-text .box-text-inner,
.nuo-product-develop-about .box .box-text .box-text-inner,
.nuo-row-text-image-item .box .box-text .box-text-inner {
  margin: 0;
}
.nuo-product-develop-biz .box .box-text .box-text-inner .nuo-title p,
.nuo-product-develop-about .box .box-text .box-text-inner .nuo-title p,
.nuo-row-text-image-item .box .box-text .box-text-inner .nuo-title p {
  font-size: 16px;
  font-style: normal;
  font-family: "FamiljenGrotesk-Medium", sans-serif;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.16px;
}
@media only screen and (max-width: 48em) {
  .nuo-product-develop-biz .box .box-text .box-text-inner .nuo-title p,
  .nuo-product-develop-about .box .box-text .box-text-inner .nuo-title p,
  .nuo-row-text-image-item .box .box-text .box-text-inner .nuo-title p {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.14px;
  }
}
.nuo-product-develop-biz .box .nuo-lable-left-black,
.nuo-product-develop-biz .box .nuo-lable-right-black,
.nuo-product-develop-about .box .nuo-lable-left-black,
.nuo-product-develop-about .box .nuo-lable-right-black,
.nuo-row-text-image-item .box .nuo-lable-left-black,
.nuo-row-text-image-item .box .nuo-lable-right-black {
  max-width: none;
}

.nuo-product-develop-about .box-text {
  border: 1px solid white;
}

.nuo-product-develop-biz .box .box-text {
  border: 1px solid black;
}
.nuo-product-develop-biz .box .box-text .box-text-inner .nuo-title p {
  text-transform: uppercase;
}

.nuo-product-develop-about .box .box-text,
.nuo-product-develop-biz .box .box-text {
  border-right: 0;
  border-bottom: 0;
  padding: 4px 1rem;
  min-height: 40px;
}

/* ============= ITEM PRODUCT ============= */
.product .box .box-image .nuo-product-attributes,
.nuo-product-develop-about .box .box-image .nuo-product-attributes,
.nuo-product-develop-biz .box .box-image .nuo-product-attributes {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
}
.product .box .box-image .nuo-product-attributes .nuo-product-attributes-toggle,
.nuo-product-develop-about .box .box-image .nuo-product-attributes .nuo-product-attributes-toggle,
.nuo-product-develop-biz .box .box-image .nuo-product-attributes .nuo-product-attributes-toggle {
  position: absolute;
  top: 1rem;
  right: 1rem;
  display: block;
  width: 30px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
}
@media only screen and (max-width: 48em) {
  .product .box .box-image .nuo-product-attributes .nuo-product-attributes-toggle,
  .nuo-product-develop-about .box .box-image .nuo-product-attributes .nuo-product-attributes-toggle,
  .nuo-product-develop-biz .box .box-image .nuo-product-attributes .nuo-product-attributes-toggle {
    top: 13px;
    right: 13px;
    width: 25px;
    height: 25px;
  }
}
.product .box .box-image .nuo-product-attributes .nuo-product-attributes-toggle i,
.nuo-product-develop-about .box .box-image .nuo-product-attributes .nuo-product-attributes-toggle i,
.nuo-product-develop-biz .box .box-image .nuo-product-attributes .nuo-product-attributes-toggle i {
  display: none;
}
.product .box .box-image .nuo-product-attributes .nuo-product-attributes-inner,
.nuo-product-develop-about .box .box-image .nuo-product-attributes .nuo-product-attributes-inner,
.nuo-product-develop-biz .box .box-image .nuo-product-attributes .nuo-product-attributes-inner {
  display: none;
  background-color: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(15px);
  padding: 46px;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid #A2A2A2;
  /*@include responsiveMax($mobile-breakpoint) {
      border: 1px solid #A2A2A2;
    } */
}
.product .box .box-image .nuo-product-attributes .nuo-product-attributes-inner .attribute,
.nuo-product-develop-about .box .box-image .nuo-product-attributes .nuo-product-attributes-inner .attribute,
.nuo-product-develop-biz .box .box-image .nuo-product-attributes .nuo-product-attributes-inner .attribute {
  margin-bottom: 1rem;
  color: black;
}
.product .box .box-image .nuo-product-attributes .nuo-product-attributes-inner .attribute > strong,
.nuo-product-develop-about .box .box-image .nuo-product-attributes .nuo-product-attributes-inner .attribute > strong,
.nuo-product-develop-biz .box .box-image .nuo-product-attributes .nuo-product-attributes-inner .attribute > strong {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 48em) {
  .product .box .box-image .nuo-product-attributes .nuo-product-attributes-inner .attribute > strong,
  .nuo-product-develop-about .box .box-image .nuo-product-attributes .nuo-product-attributes-inner .attribute > strong,
  .nuo-product-develop-biz .box .box-image .nuo-product-attributes .nuo-product-attributes-inner .attribute > strong {
    font-family: "FamiljenGrotesk-Bold", sans-serif;
  }
}
@media only screen and (max-width: 48em) {
  .product .box .box-image .nuo-product-attributes .nuo-product-attributes-inner .attribute > strong,
  .nuo-product-develop-about .box .box-image .nuo-product-attributes .nuo-product-attributes-inner .attribute > strong,
  .nuo-product-develop-biz .box .box-image .nuo-product-attributes .nuo-product-attributes-inner .attribute > strong {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.12px;
  }
}
.product .box .box-image .nuo-product-attributes .nuo-product-attributes-inner .attribute > strong::before,
.nuo-product-develop-about .box .box-image .nuo-product-attributes .nuo-product-attributes-inner .attribute > strong::before,
.nuo-product-develop-biz .box .box-image .nuo-product-attributes .nuo-product-attributes-inner .attribute > strong::before {
  content: "[";
  position: relative;
  top: -1px;
}
.product .box .box-image .nuo-product-attributes .nuo-product-attributes-inner .attribute > strong::after,
.nuo-product-develop-about .box .box-image .nuo-product-attributes .nuo-product-attributes-inner .attribute > strong::after,
.nuo-product-develop-biz .box .box-image .nuo-product-attributes .nuo-product-attributes-inner .attribute > strong::after {
  content: "]";
  position: relative;
  top: -1px;
}
.product .box .box-image .nuo-product-attributes .nuo-product-attributes-inner .attribute > span,
.nuo-product-develop-about .box .box-image .nuo-product-attributes .nuo-product-attributes-inner .attribute > span,
.nuo-product-develop-biz .box .box-image .nuo-product-attributes .nuo-product-attributes-inner .attribute > span {
  display: flex;
  padding-left: 10px;
  gap: 8px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.16px;
}
@media only screen and (max-width: 48em) {
  .product .box .box-image .nuo-product-attributes .nuo-product-attributes-inner .attribute > span,
  .nuo-product-develop-about .box .box-image .nuo-product-attributes .nuo-product-attributes-inner .attribute > span,
  .nuo-product-develop-biz .box .box-image .nuo-product-attributes .nuo-product-attributes-inner .attribute > span {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.12px;
  }
}
.product .box .box-image .nuo-product-attributes .nuo-product-attributes-inner .attribute > span::before,
.nuo-product-develop-about .box .box-image .nuo-product-attributes .nuo-product-attributes-inner .attribute > span::before,
.nuo-product-develop-biz .box .box-image .nuo-product-attributes .nuo-product-attributes-inner .attribute > span::before {
  content: "·";
}
.product .box .box-image .nuo-product-attributes .nuo-product-attributes-inner .pa_tablets,
.product .box .box-image .nuo-product-attributes .nuo-product-attributes-inner .Intended,
.product .box .box-image .nuo-product-attributes .nuo-product-attributes-inner .intended-users,
.product .box .box-image .nuo-product-attributes .nuo-product-attributes-inner .nguoi-dung-du-kien,
.nuo-product-develop-about .box .box-image .nuo-product-attributes .nuo-product-attributes-inner .pa_tablets,
.nuo-product-develop-about .box .box-image .nuo-product-attributes .nuo-product-attributes-inner .Intended,
.nuo-product-develop-about .box .box-image .nuo-product-attributes .nuo-product-attributes-inner .intended-users,
.nuo-product-develop-about .box .box-image .nuo-product-attributes .nuo-product-attributes-inner .nguoi-dung-du-kien,
.nuo-product-develop-biz .box .box-image .nuo-product-attributes .nuo-product-attributes-inner .pa_tablets,
.nuo-product-develop-biz .box .box-image .nuo-product-attributes .nuo-product-attributes-inner .Intended,
.nuo-product-develop-biz .box .box-image .nuo-product-attributes .nuo-product-attributes-inner .intended-users,
.nuo-product-develop-biz .box .box-image .nuo-product-attributes .nuo-product-attributes-inner .nguoi-dung-du-kien {
  display: none;
}
.product .box .box-image .nuo-product-attributes.active,
.nuo-product-develop-about .box .box-image .nuo-product-attributes.active,
.nuo-product-develop-biz .box .box-image .nuo-product-attributes.active {
  height: 100%;
}
.product .box .box-image .nuo-product-attributes.active .nuo-product-attributes-inner,
.nuo-product-develop-about .box .box-image .nuo-product-attributes.active .nuo-product-attributes-inner,
.nuo-product-develop-biz .box .box-image .nuo-product-attributes.active .nuo-product-attributes-inner {
  display: flex !important;
}

.product .box .box-image .nuo-product-attributes .nuo-product-attributes-toggle {
  background-image: url("https://nuoforlife.com/wp-content/uploads/2024/12/icon-info-light.svg");
}
.product .box .box-image .nuo-product-attributes.active .nuo-product-attributes-toggle {
  background-image: url("https://nuoforlife.com/wp-content/uploads/2025/01/icon-close-light.svg");
}

.nuo-product-develop-about .box .box-image .nuo-product-attributes .nuo-product-attributes-toggle,
.nuo-product-develop-biz .box .box-image .nuo-product-attributes .nuo-product-attributes-toggle {
  background-image: url("https://nuoforlife.com/wp-content/uploads/2024/12/icon-info-dark.svg");
}
.nuo-product-develop-about .box .box-image .nuo-product-attributes.active .nuo-product-attributes-toggle,
.nuo-product-develop-biz .box .box-image .nuo-product-attributes.active .nuo-product-attributes-toggle {
  background-image: url("https://nuoforlife.com/wp-content/uploads/2025/01/icon-close-dark.svg");
}

.product .col-inner .badge-container {
  top: 10px;
  left: 10px;
  margin: 0px;
}
.product .col-inner .badge-container .badge {
  height: 32px;
  margin: 0;
}
.product .col-inner .badge-container .badge .badge-inner {
  border-radius: 4px !important;
  background-color: #0f3e95;
  padding: 8px 10px;
}
.product .col-inner .badge-container .badge .badge-inner span {
  font-size: 1rem;
}
.product .col-inner .box .box-image {
  position: relative;
  border-radius: 10px;
  background-color: #efefef;
}
.product .col-inner .box .box-image .add_to_cart_button {
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 1rem;
  right: 1rem;
  z-index: 9;
  margin: 0;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 48em) {
  .product .col-inner .box .box-image .add_to_cart_button {
    display: none;
  }
}
.product .col-inner .box .box-image .add_to_cart_button.added {
  display: block;
}
.product .col-inner .box .box-image .added_to_cart.wc-forward {
  display: none;
}
.product .col-inner .box .box-image:hover .add_to_cart_button {
  opacity: 1;
  bottom: 1rem;
}
.product .col-inner .box .box-image .image-fade_in_back .back-image.show-on-hover {
  /* display: none; */
}
.product .col-inner .box .box-text .title-wrapper {
  padding-left: 12px;
  padding-right: 12px;
}
.product .col-inner .box .box-text .nuo-product-tablets-price {
  padding-left: 12px;
  padding-right: 12px;
}
.product .col-inner .box .box-text .product-title {
  display: flex;
}
.product .col-inner .box .box-text .product-title a {
  flex: 1;
  color: black;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.16px;
  text-transform: uppercase;
  text-decoration: none;
}
@media only screen and (min-width: 48em) {
  .product .col-inner .box .box-text .product-title a {
    font-family: "FamiljenGrotesk-Bold", sans-serif;
  }
}
.product .col-inner .box .box-text .product-title .nuo-product-sale-price del,
.product .col-inner .box .box-text .product-title .nuo-product-sale-price .screen-reader-text {
  display: none;
}
.product .col-inner .box .box-text .product-title .nuo-product-sale-price ins bdi {
  text-decoration: line-through;
  font-weight: 400;
  color: #A2A2A2;
}
.product .col-inner .box .box-text .nuo-product-tablets-price {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.product .col-inner .box .box-text .nuo-product-tablets-price .nuo-quantity-tablets p {
  margin: 0;
  display: flex;
  align-items: baseline;
  gap: 11px;
}
@media only screen and (max-width: 48em) {
  .product .col-inner .box .box-text .nuo-product-tablets-price .nuo-quantity-tablets p {
    gap: 5px;
  }
}
.product .col-inner .box .price-wrapper {
  /* padding-bottom: 5px; */
}
.product .col-inner .box .price-wrapper > .price > .woocommerce-Price-amount, .product .col-inner .box .price-wrapper > .price > .amount {
  position: relative;
  display: flex;
  justify-content: flex-end;
  gap: 2px;
  font-weight: 400;
  font-size: 1rem;
}
.product .col-inner .box .price-wrapper > .price > .woocommerce-Price-amount > bdi, .product .col-inner .box .price-wrapper > .price > .amount > bdi {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
  font-size: 16px;
  font-style: normal;
  font-family: "FamiljenGrotesk-Medium", sans-serif;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.16px;
  text-transform: uppercase;
}
.product .col-inner .box .price-wrapper > .price > .woocommerce-Price-amount > bdi::before, .product .col-inner .box .price-wrapper > .price > .amount > bdi::before {
  content: "[";
  position: relative;
  top: -1px;
}
.product .col-inner .box .price-wrapper > .price > .woocommerce-Price-amount > bdi::after, .product .col-inner .box .price-wrapper > .price > .amount > bdi::after {
  content: "]";
  position: relative;
  top: -1px;
}
.product .col-inner .box .price-wrapper > .price > del, .product .col-inner .box .price-wrapper > .price > ins {
  display: block;
  text-align: right;
}
.product .col-inner .box .price-wrapper > .price > del {
  margin-bottom: 4px;
  display: none;
}
.product .col-inner .box .price-wrapper > .price > ins .amount {
  font-weight: 400;
  font-size: 1rem;
}
.product .col-inner .box .price-wrapper > .price > ins .amount > bdi {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
  font-size: 16px;
  font-style: normal;
  font-family: "FamiljenGrotesk-Medium", sans-serif;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.16px;
  text-transform: uppercase;
}
.product .col-inner .box .price-wrapper > .price > ins .amount > bdi::before {
  content: "[";
  position: relative;
  top: -1px;
}
.product .col-inner .box .price-wrapper > .price > ins .amount > bdi::after {
  content: "]";
  position: relative;
  top: -1px;
}
.product .col-inner .box .product-attribute-tablets {
  flex: 1;
  font-size: 1rem;
  color: #A2A2A2;
}
.product .col-inner .box .product-attribute-tablets p span:nth-child(1) {
  font-family: "MNNuoLife-Medium-370";
  font-weight: 370;
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.42px;
  text-transform: uppercase;
}
.product .col-inner .box .product-attribute-tablets p span:nth-child(2) {
  font-size: 16px;
  font-style: normal;
  font-family: "FamiljenGrotesk-Medium", sans-serif;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.16px;
  text-transform: uppercase;
}
.product .col-inner .box .nuo-btn-mobile-light {
  display: none;
  width: 100%;
}
@media only screen and (max-width: 48em) {
  .product .col-inner .box .nuo-btn-mobile-light {
    display: block;
  }
}
.product .col-inner .box .added_to_cart.wc-forward {
  display: none;
}

.nuo-col-menu-account > .col-inner .section {
  padding: 0px !important;
  width: auto;
}
.nuo-col-menu-account > .col-inner .section .row {
  padding: 0px !important;
}
.nuo-col-menu-account > .col-inner .section .row .col {
  padding: 0px !important;
}
.nuo-col-menu-account > .col-inner .menu-my_account-container,
.nuo-col-menu-account > .col-inner .menu-my_account-vi-container,
.nuo-col-menu-account > .col-inner .menu-my_account-en-container {
  display: flex;
  position: relative;
  position: relative;
  z-index: 2;
  gap: 1rem;
  overflow: auto;
  width: 100%;
  border: 1px solid black;
  border-bottom: 0px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  /* justify-content: center; */
}
.nuo-col-menu-account > .col-inner .menu-my_account-container ul,
.nuo-col-menu-account > .col-inner .menu-my_account-vi-container ul,
.nuo-col-menu-account > .col-inner .menu-my_account-en-container ul {
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
  list-style: none;
  padding: 0 1rem;
  margin: 0;
  justify-content: center;
  flex: 1;
}
.nuo-col-menu-account > .col-inner .menu-my_account-container li,
.nuo-col-menu-account > .col-inner .menu-my_account-vi-container li,
.nuo-col-menu-account > .col-inner .menu-my_account-en-container li {
  display: block;
  white-space: nowrap;
  margin: 0;
}
.nuo-col-menu-account > .col-inner .menu-my_account-container li a,
.nuo-col-menu-account > .col-inner .menu-my_account-vi-container li a,
.nuo-col-menu-account > .col-inner .menu-my_account-en-container li a {
  position: relative;
  color: black;
  opacity: 0.5;
  display: flex;
  gap: 2px;
  padding: 8px;
  text-transform: uppercase;
  font-style: normal;
  font-family: "FamiljenGrotesk-Medium", sans-serif;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.16px;
  text-decoration: none;
}
@media only screen and (max-width: 48em) {
  .nuo-col-menu-account > .col-inner .menu-my_account-container li a,
  .nuo-col-menu-account > .col-inner .menu-my_account-vi-container li a,
  .nuo-col-menu-account > .col-inner .menu-my_account-en-container li a {
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 13px;
    letter-spacing: 0.12px;
  }
}
.nuo-col-menu-account > .col-inner .menu-my_account-container li a::before,
.nuo-col-menu-account > .col-inner .menu-my_account-vi-container li a::before,
.nuo-col-menu-account > .col-inner .menu-my_account-en-container li a::before {
  opacity: 0;
  content: "[";
  display: block;
  position: relative;
  top: -1px;
  transition: all 0.3s ease;
}
.nuo-col-menu-account > .col-inner .menu-my_account-container li a::after,
.nuo-col-menu-account > .col-inner .menu-my_account-vi-container li a::after,
.nuo-col-menu-account > .col-inner .menu-my_account-en-container li a::after {
  opacity: 0;
  content: "]";
  display: block;
  position: relative;
  top: -1px;
  transition: all 0.3s ease;
}
.nuo-col-menu-account > .col-inner .menu-my_account-container li a:hover,
.nuo-col-menu-account > .col-inner .menu-my_account-vi-container li a:hover,
.nuo-col-menu-account > .col-inner .menu-my_account-en-container li a:hover {
  opacity: 1;
}
.nuo-col-menu-account > .col-inner .menu-my_account-container li a:hover::before,
.nuo-col-menu-account > .col-inner .menu-my_account-vi-container li a:hover::before,
.nuo-col-menu-account > .col-inner .menu-my_account-en-container li a:hover::before {
  opacity: 1;
}
.nuo-col-menu-account > .col-inner .menu-my_account-container li a:hover::after,
.nuo-col-menu-account > .col-inner .menu-my_account-vi-container li a:hover::after,
.nuo-col-menu-account > .col-inner .menu-my_account-en-container li a:hover::after {
  opacity: 1;
}
.nuo-col-menu-account > .col-inner .menu-my_account-container li.current-menu-item a,
.nuo-col-menu-account > .col-inner .menu-my_account-vi-container li.current-menu-item a,
.nuo-col-menu-account > .col-inner .menu-my_account-en-container li.current-menu-item a {
  opacity: 1;
}
.nuo-col-menu-account > .col-inner .menu-my_account-container li.current-menu-item a::before,
.nuo-col-menu-account > .col-inner .menu-my_account-vi-container li.current-menu-item a::before,
.nuo-col-menu-account > .col-inner .menu-my_account-en-container li.current-menu-item a::before {
  opacity: 1;
}
.nuo-col-menu-account > .col-inner .menu-my_account-container li.current-menu-item a::after,
.nuo-col-menu-account > .col-inner .menu-my_account-vi-container li.current-menu-item a::after,
.nuo-col-menu-account > .col-inner .menu-my_account-en-container li.current-menu-item a::after {
  opacity: 1;
}

/* =========================== Detail PRODUCT Page ======================== */
.single-product {
  /* Tab */
}
.single-product .shop-container {
  padding-top: 18px;
}
@media only screen and (max-width: 48em) {
  .single-product .shop-container {
    padding-top: 32px;
  }
}
.single-product .product-breadcrumb-container .woocommerce-breadcrumb a,
.single-product .product-breadcrumb-container .woocommerce-breadcrumb span {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.16px;
}
@media only screen and (max-width: 48em) {
  .single-product .product-breadcrumb-container .woocommerce-breadcrumb a,
  .single-product .product-breadcrumb-container .woocommerce-breadcrumb span {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.14px;
  }
}
.single-product .nuo-product-sku {
  font-family: "MNNuoLife-Book-330";
  font-weight: 330;
  font-size: 20px;
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}
.single-product .custom-product-page .nuo-info-main-pro-detail .zoom-button {
  display: none;
}
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-slider > .col-inner > .text {
  position: relative;
}
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-slider .product-images .woocommerce-product-gallery__wrapper .flickity-viewport .flickity-slider .woocommerce-product-gallery__image {
  border-radius: 10px;
  overflow: hidden;
}
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-slider .product-images .woocommerce-product-gallery__wrapper .flickity-viewport .flickity-slider .woocommerce-product-gallery__image > a img {
  min-height: 620px;
  height: 56vh;
  object-fit: cover;
}
@media only screen and (max-width: 48em) {
  .single-product .custom-product-page .nuo-info-main-pro-detail .nuo-slider .product-images .woocommerce-product-gallery__wrapper .flickity-viewport .flickity-slider .woocommerce-product-gallery__image > a img {
    min-height: 340px;
    height: 50vh;
  }
}
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-slider .product-thumbnails {
  margin: 0;
  display: flex;
  align-items: center;
  position: absolute;
  left: 24px;
  bottom: 10px;
}
@media only screen and (max-width: 48em) {
  .single-product .custom-product-page .nuo-info-main-pro-detail .nuo-slider .product-thumbnails {
    left: 50%;
    transform: translateX(-50%);
  }
}
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-slider .product-thumbnails .flickity-viewport {
  display: flex;
  height: auto !important;
}
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-slider .product-thumbnails .flickity-viewport .flickity-slider {
  position: relative;
  top: 0;
  left: 0 !important;
  width: auto;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 20px !important;
  background-color: #F2F2F2;
  border-radius: 10px;
  height: 45px;
  transform: translateX(0) !important;
}
@media only screen and (max-width: 48em) {
  .single-product .custom-product-page .nuo-info-main-pro-detail .nuo-slider .product-thumbnails .flickity-viewport .flickity-slider {
    gap: 8px;
    height: 25px;
  }
}
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-slider .product-thumbnails .flickity-viewport .flickity-slider > .col {
  padding: 0;
  width: 10px;
  height: 10px;
  border-radius: 24px;
  overflow: hidden;
  position: relative !important;
  left: 0 !important;
}
@media only screen and (max-width: 48em) {
  .single-product .custom-product-page .nuo-info-main-pro-detail .nuo-slider .product-thumbnails .flickity-viewport .flickity-slider > .col {
    width: 5px;
    height: 5px;
  }
}
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-slider .product-thumbnails .flickity-viewport .flickity-slider > .col a {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #A2A2A2;
  cursor: pointer;
}
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-slider .product-thumbnails .flickity-viewport .flickity-slider > .col a img {
  display: none;
}
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-slider .product-thumbnails .flickity-viewport .flickity-slider > .col.is-selected a {
  background-color: black;
}
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-slider .flickity-prev-next-button {
  opacity: 0.6;
  transform: translateX(0);
}
@media only screen and (max-width: 48em) {
  .single-product .custom-product-page .nuo-info-main-pro-detail .nuo-slider .flickity-prev-next-button {
    display: none;
  }
}
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-slider .previous {
  background-color: transparent;
  background-image: url("https://nuoforlife.com/wp-content/uploads/2024/12/icon-arrow-left-circle.svg");
  background-size: 45px;
  background-repeat: no-repeat;
  background-position: center;
  width: 45px;
  left: 21px;
}
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-slider .previous .flickity-button-icon {
  display: none;
}
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-slider .next {
  background-color: transparent;
  background-image: url("https://nuoforlife.com/wp-content/uploads/2024/12/icon-arrow-right-circle.svg");
  background-size: 45px;
  background-repeat: no-repeat;
  background-position: center;
  width: 45px;
  right: 21px;
}
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-slider .next .flickity-button-icon {
  display: none;
}
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info {
  padding-top: 40px !important;
  /* top: -10px; */
  /* single */
}
@media only screen and (max-width: 48em) {
  .single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info {
    /* top: 0px; */
    padding-top: 0px !important;
  }
}
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .product-title-container {
  margin-bottom: 6px;
}
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .product-title-container .product-title {
  color: #0F3E95;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  margin: 0;
}
@media only screen and (min-width: 48em) {
  .single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .product-title-container .product-title {
    font-family: "FamiljenGrotesk-Bold", sans-serif;
  }
}
@media only screen and (max-width: 48em) {
  .single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .product-title-container .product-title {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
  }
}
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .product-short-description {
  margin-bottom: 20px;
}
@media only screen and (max-width: 48em) {
  .single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .product-short-description {
    margin-bottom: 32px;
  }
}
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .product-short-description > p {
  font-size: 16px;
  font-style: normal;
  font-family: "FamiljenGrotesk-Medium", sans-serif;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.16px;
}
@media only screen and (max-width: 48em) {
  .single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .product-short-description > p {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
}
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .product-short-description > ol {
  list-style: none;
  counter-reset: item;
  padding: 0;
  margin: 0;
}
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .product-short-description > ol > li {
  counter-increment: item;
  margin: 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.16px;
}
@media only screen and (max-width: 48em) {
  .single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .product-short-description > ol > li {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.14px;
  }
}
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .product-short-description > ol > li::before {
  content: "[" counter(item) "]";
  margin-right: 24px;
  font-size: 12px;
}
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .product-price-container {
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media only screen and (max-width: 48em) {
  .single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .product-price-container {
    margin-bottom: 24px;
  }
}
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .product-price-container .price-label {
  text-transform: uppercase;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media only screen and (min-width: 48em) {
  .single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .product-price-container .price-label {
    font-family: "FamiljenGrotesk-Bold", sans-serif;
  }
}
@media only screen and (max-width: 48em) {
  .single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .product-price-container .price-label {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
}
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .product-price-container .price-wrapper .price {
  margin: 0;
}
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .product-price-container .price-wrapper .price del .amount {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  /*@include responsiveMin($mobile-breakpoint) {
    font-family: $FamiljenGrotesk-Bold;
  } */
}
@media only screen and (max-width: 48em) {
  .single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .product-price-container .price-wrapper .price del .amount {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .product-price-container .price-wrapper .price ins .amount {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media only screen and (min-width: 48em) {
  .single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .product-price-container .price-wrapper .price ins .amount {
    font-family: "FamiljenGrotesk-Bold", sans-serif;
  }
}
@media only screen and (max-width: 48em) {
  .single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .product-price-container .price-wrapper .price ins .amount {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
}
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .product-price-container .price-wrapper .price ins bdi::before {
  content: "[";
}
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .product-price-container .price-wrapper .price ins bdi::after {
  content: "]";
}
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .add-to-cart-container {
  margin-bottom: 40px;
}
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .add-to-cart-container form,
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .add-to-cart-container .cart {
  display: flex;
  gap: 10px;
}
@media only screen and (max-width: 48em) {
  .single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .add-to-cart-container form,
  .single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .add-to-cart-container .cart {
    flex-direction: column;
  }
}
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .add-to-cart-container form .quantity,
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .add-to-cart-container .cart .quantity {
  border: 1px solid black;
  border-radius: 10px;
  height: 40px;
  justify-content: space-between;
}
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .add-to-cart-container form .quantity .minus,
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .add-to-cart-container .cart .quantity .minus {
  border: 0px !important;
  background-color: transparent !important;
  font-family: "MNNuoLifeVF";
  color: black;
  text-shadow: none;
  box-shadow: none;
  padding-top: 4px;
  color: transparent;
  background-image: url("https://nuoforlife.com/wp-content/uploads/2025/02/icon-minus-qty.svg");
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: center;
}
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .add-to-cart-container form .quantity .qty,
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .add-to-cart-container .cart .quantity .qty {
  border: 0px !important;
  background-color: transparent !important;
  text-shadow: none;
  color: black;
  box-shadow: none;
  height: 100%;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.2px;
  position: relative;
  top: -1.5px;
}
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .add-to-cart-container form .quantity .plus,
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .add-to-cart-container .cart .quantity .plus {
  border: 0px !important;
  background-color: transparent !important;
  font-family: "MNNuoLifeVF";
  color: black;
  text-shadow: none;
  box-shadow: none;
  padding-top: 1px;
  color: transparent;
  background-image: url("https://nuoforlife.com/wp-content/uploads/2025/02/icon-plus-qty.svg");
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: center;
}
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .add-to-cart-container form .single_add_to_cart_button,
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .add-to-cart-container .cart .single_add_to_cart_button {
  flex: 1;
  border: 1px solid black !important;
  background-color: transparent;
  border-radius: 10px;
  color: black !important;
  height: 40px;
  min-height: auto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.16px;
}
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .add-to-cart-container form .single_add_to_cart_button:hover,
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .add-to-cart-container .cart .single_add_to_cart_button:hover {
  background-color: black !important;
  color: white !important;
}
@media only screen and (max-width: 48em) {
  .single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .add-to-cart-container form .single_add_to_cart_button,
  .single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .add-to-cart-container .cart .single_add_to_cart_button {
    flex: none;
  }
}
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .add-to-cart-container form .single_add_to_cart_button::before, .single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .add-to-cart-container form .single_add_to_cart_button::after,
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .add-to-cart-container .cart .single_add_to_cart_button::before,
.single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .add-to-cart-container .cart .single_add_to_cart_button::after {
  display: none !important;
}
@media only screen and (max-width: 48em) {
  .single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .product-attributes-tabs .tabs,
  .single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .product-attributes-tabs ul.tabs {
    overflow: inherit;
    display: flex;
    flex-direction: column;
    border: 0;
  }
  .single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .product-attributes-tabs .tabs > li,
  .single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .product-attributes-tabs ul.tabs > li {
    border-top: 1px dashed black;
  }
  .single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .product-attributes-tabs .tabs > li > a,
  .single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .product-attributes-tabs ul.tabs > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.18px;
    text-transform: capitalize;
    color: black;
  }
  .single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .product-attributes-tabs .tabs > li > a::before, .single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .product-attributes-tabs .tabs > li > a::after,
  .single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .product-attributes-tabs ul.tabs > li > a::before,
  .single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .product-attributes-tabs ul.tabs > li > a::after {
    opacity: 1;
    content: "";
    display: none;
  }
  .single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .product-attributes-tabs .tabs > li > a::after,
  .single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .product-attributes-tabs ul.tabs > li > a::after {
    height: 18px;
    width: 18px;
    display: block;
    background-image: url("https://nuoforlife.com/wp-content/uploads/2025/02/icon-plus-light.svg");
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
  }
  .single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .product-attributes-tabs .tabs > li.active > a::after,
  .single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .product-attributes-tabs ul.tabs > li.active > a::after {
    background-image: url("https://nuoforlife.com/wp-content/uploads/2025/02/icon-minus-light.svg");
  }
  .single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .product-attributes-tabs .tabs > li > .tab-content,
  .single-product .custom-product-page .nuo-info-main-pro-detail .nuo-info .product-attributes-tabs ul.tabs > li > .tab-content {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}
.single-product .custom-product-page .nuo-pro-detail-des .nuo-hero-image {
  width: 100%;
}
.single-product .custom-product-page .nuo-pro-detail-des .nuo-hero-image img {
  width: 100%;
  border-radius: 10px;
}
.single-product .custom-product-page .nuo-pro-detail-des .nuo-ingredient-wraper {
  display: flex;
  justify-content: center;
  padding: 64px 0;
}
.single-product .custom-product-page .nuo-pro-detail-des .nuo-ingredient-wraper .nuo-ingredient {
  padding: 32px 1rem;
  min-height: 450px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 80vw;
  position: relative;
}
@media only screen and (max-width: 48em) {
  .single-product .custom-product-page .nuo-pro-detail-des .nuo-ingredient-wraper .nuo-ingredient {
    max-width: 90vw;
  }
}
.single-product .custom-product-page .nuo-pro-detail-des .nuo-ingredient-wraper .nuo-ingredient::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 32px;
  border: 1px solid black;
  border-right: 0;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  transition: all 0.3s ease;
}
.single-product .custom-product-page .nuo-pro-detail-des .nuo-ingredient-wraper .nuo-ingredient::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 32px;
  border: 1px solid black;
  border-left: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  transition: all 0.3s ease;
}
.single-product .custom-product-page .nuo-pro-detail-des .nuo-ingredient-wraper .nuo-ingredient:hover::before {
  left: calc(20% - 32px);
}
.single-product .custom-product-page .nuo-pro-detail-des .nuo-ingredient-wraper .nuo-ingredient:hover::after {
  right: calc(20% - 32px);
}
.single-product .custom-product-page .nuo-pro-detail-des .nuo-ingredient-wraper .nuo-ingredient .content {
  max-width: 50vw;
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 48em) {
  .single-product .custom-product-page .nuo-pro-detail-des .nuo-ingredient-wraper .nuo-ingredient .content {
    max-width: none;
  }
}
.single-product .custom-product-page .nuo-pro-detail-des .nuo-ingredient-wraper .nuo-ingredient .content .nuo-list-icon {
  width: 100%;
  display: flex;
  gap: 2rem;
  margin: 0;
  list-style: none;
  justify-content: center;
  padding: 2rem 1rem;
}
@media only screen and (max-width: 48em) {
  .single-product .custom-product-page .nuo-pro-detail-des .nuo-ingredient-wraper .nuo-ingredient .content .nuo-list-icon {
    flex-direction: column;
    gap: 1rem;
  }
}
.single-product .custom-product-page .nuo-pro-detail-des .nuo-ingredient-wraper .nuo-ingredient .content .nuo-list-icon li {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
}
.single-product .custom-product-page .nuo-pro-detail-des .nuo-ingredient-wraper .nuo-ingredient .content .nuo-list-icon li img {
  width: 64px;
  height: 64px;
}
.single-product .custom-product-page .nuo-pro-detail-des .nuo-ingredient-wraper .nuo-ingredient .content .nuo-list-icon li .text {
  padding: 8px;
  border: 1px solid black;
  border-bottom: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  text-align: center;
  font-size: 14px;
  width: 100%;
  max-width: 200px;
}
.single-product .custom-product-page .nuo-pro-detail-des .nuo-list-image {
  width: 100%;
  display: flex;
  gap: 10px;
}
@media only screen and (max-width: 48em) {
  .single-product .custom-product-page .nuo-pro-detail-des .nuo-list-image {
    flex-direction: column;
    gap: 8px;
  }
}
.single-product .custom-product-page .nuo-pro-detail-des .nuo-list-image img {
  display: block;
  flex: 1;
  width: 100%;
  border-radius: 10px;
}
.single-product .product-attributes-tabs .tabs {
  display: flex;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 8px 0px;
  border-top: 1px dashed #A2A2A2;
  overflow: auto;
  margin-bottom: 24px;
}
.single-product .product-attributes-tabs .tabs li {
  margin: 0;
  padding: 0;
}
.single-product .product-attributes-tabs .tabs a {
  display: flex;
  gap: 4px;
  text-decoration: none;
  border-bottom: none;
  color: #A2A2A2;
  position: relative;
  white-space: nowrap;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.16px;
}
@media only screen and (min-width: 48em) {
  .single-product .product-attributes-tabs .tabs a {
    font-family: "FamiljenGrotesk-Bold", sans-serif;
  }
}
.single-product .product-attributes-tabs .tabs a::before {
  opacity: 0;
  content: "[";
  display: block;
  position: relative;
  top: -1px;
  transition: all 0.3s ease;
}
.single-product .product-attributes-tabs .tabs a::after {
  opacity: 0;
  content: "]";
  display: block;
  position: relative;
  top: -1px;
  transition: all 0.3s ease;
}
.single-product .product-attributes-tabs .tabs a:hover, .single-product .product-attributes-tabs .tabs a.active {
  opacity: 1;
  color: black;
}
.single-product .product-attributes-tabs .tabs a:hover::before, .single-product .product-attributes-tabs .tabs a.active::before {
  opacity: 1;
}
.single-product .product-attributes-tabs .tabs a:hover::after, .single-product .product-attributes-tabs .tabs a.active::after {
  opacity: 1;
}
.single-product .product-attributes-tabs .tab-content {
  display: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.16px;
}
.single-product .product-attributes-tabs .tab-content.active {
  display: block;
}

/* SLIDER categories =================================== */
.nuo-slider-categories-1 img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
  width: 100%;
}

.nuo-slider-categories-1 .flickity-slider .box-text .box-text-inner {
  position: relative;
  display: flex;
  align-items: center;
}
.nuo-slider-categories-1 .flickity-slider .box-text .box-text-inner .header-title {
  flex: 1;
  text-align: left;
  text-shadow: none;
}
.nuo-slider-categories-1 .flickity-slider .box-text .box-text-inner .header-title span:nth-child(1) {
  font-family: "MNNuoLife-SemiBold-400";
  font-weight: 400;
  font-size: 13px;
  margin-right: 8px;
}
.nuo-slider-categories-1 .flickity-slider .box-text .box-text-inner .count {
  text-align: right;
  font-family: "MNNuoLifeVF";
  text-shadow: none;
}
.nuo-slider-categories-1 .flickity-slider .box-text .box-text-inner::before {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: -10px;
  right: -10px;
  height: 48px;
  border: 1px solid white;
  border-top: 0px;
  border-radius: 10px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  transition: all 0.5s ease;
  opacity: 0;
}

.nuo-slider-categories,
.nuo-slider-best-seller {
  margin-left: -6px !important;
  margin-right: -6px !important;
  padding-bottom: 20px;
}
@media only screen and (max-width: 48em) {
  .nuo-slider-categories .flickity-viewport,
  .nuo-slider-best-seller .flickity-viewport {
    overflow: inherit !important;
  }
}
.nuo-slider-categories .flickity-viewport .flickity-slider > .product-category, .nuo-slider-categories .flickity-viewport .flickity-slider > .product,
.nuo-slider-best-seller .flickity-viewport .flickity-slider > .product-category,
.nuo-slider-best-seller .flickity-viewport .flickity-slider > .product {
  padding-left: 6px !important;
  padding-right: 6px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-slider-categories .flickity-viewport .flickity-slider > .product-category, .nuo-slider-categories .flickity-viewport .flickity-slider > .product,
  .nuo-slider-best-seller .flickity-viewport .flickity-slider > .product-category,
  .nuo-slider-best-seller .flickity-viewport .flickity-slider > .product {
    width: 84%;
  }
}

.nuo-slider-categories {
  /*@include responsiveMax($mobile-breakpoint) {} */
}
.nuo-slider-categories .flickity-slider .product-category .box-image {
  border-radius: 20px;
}
@media only screen and (max-width: 48em) {
  .nuo-slider-categories .flickity-slider .product-category .box-image {
    border-radius: 10px;
  }
}
.nuo-slider-categories .flickity-slider .product-category .box-text {
  bottom: 0;
  padding-top: 0;
  padding-bottom: 25px;
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (max-width: 48em) {
  .nuo-slider-categories .flickity-slider .product-category .box-text {
    padding-bottom: 0px;
  }
}
.nuo-slider-categories .flickity-slider .product-category .box-text .box-text-inner {
  position: relative;
  display: flex;
  padding-left: 16px;
  padding-right: 16px;
  min-height: 38px;
}
@media only screen and (max-width: 48em) {
  .nuo-slider-categories .flickity-slider .product-category .box-text .box-text-inner {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.nuo-slider-categories .flickity-slider .product-category .box-text .box-text-inner .header-title {
  position: relative;
  top: -9px;
  flex: 1;
  text-align: left;
  text-shadow: none;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: normal;
  margin: 0;
}
@media only screen and (min-width: 48em) {
  .nuo-slider-categories .flickity-slider .product-category .box-text .box-text-inner .header-title {
    font-family: "FamiljenGrotesk-Bold", sans-serif;
  }
}
@media only screen and (max-width: 48em) {
  .nuo-slider-categories .flickity-slider .product-category .box-text .box-text-inner .header-title {
    top: 0px;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.14px;
    text-transform: uppercase;
  }
}
.nuo-slider-categories .flickity-slider .product-category .box-text .box-text-inner .header-title span:nth-child(1) {
  margin-right: 8px;
  font-family: "MNNuoLife-Book-330";
  font-size: 15px;
  font-weight: 330;
}
@media only screen and (max-width: 48em) {
  .nuo-slider-categories .flickity-slider .product-category .box-text .box-text-inner .header-title span:nth-child(1) {
    font-size: 10px;
    font-style: normal;
    font-weight: 330;
    line-height: normal;
    text-transform: uppercase;
  }
}
.nuo-slider-categories .flickity-slider .product-category .box-text .box-text-inner .count {
  text-align: right;
  font-family: "MNNuoLife-Book-330";
  text-shadow: none;
  font-size: 15px;
  font-style: normal;
  font-weight: 330;
  /* line-height: normal;
  leading-trim: both;
  text-edge: cap; */
  text-box-trim: trim-both;
  text-box-edge: auto;
  line-height: 1;
  margin: 0;
}
@media only screen and (max-width: 48em) {
  .nuo-slider-categories .flickity-slider .product-category .box-text .box-text-inner .count {
    top: 5px;
    position: relative;
    font-size: 10px;
    font-style: normal;
    font-weight: 330;
    line-height: normal;
  }
}
.nuo-slider-categories .flickity-slider .product-category .box-text .box-text-inner::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border: 1px solid white;
  border-top: 0px;
  border-radius: 0px 0px 15px 15px;
  transition: all 0.5s ease;
  opacity: 0;
  height: calc(100% + 10px);
}
@media only screen and (max-width: 48em) {
  .nuo-slider-categories .flickity-slider .product-category .box-text .box-text-inner::before {
    display: none;
  }
}
.nuo-slider-categories .flickity-slider .product-category:hover .box-text .box-text-inner::before {
  opacity: 1;
  height: 100%;
}

/* =========================== COMUNITY section =========================== */
.nuo-section-community .nuo-col-left-community .col-inner {
  height: 100%;
}
.nuo-section-community .nuo-col-left-community .col-inner .row {
  height: 100%;
}
.nuo-section-community .nuo-col-left-community .col-inner .row .col-bottom {
  display: flex;
  align-items: end;
  padding-bottom: 0;
}
.nuo-section-community .nuo-col-left-community .col-inner .row .col-bottom .col-inner {
  height: auto;
}
.nuo-section-community-home .nuo-slider-comunity {
  margin-left: -6px !important;
  margin-right: -55px !important;
  padding-bottom: 20px;
}
@media only screen and (max-width: 48em) {
  .nuo-section-community-home .nuo-slider-comunity {
    margin-right: -6px !important;
  }
}
@media only screen and (max-width: 48em) {
  .nuo-section-community-home .nuo-slider-comunity .flickity-viewport {
    overflow: inherit !important;
  }
}
.nuo-section-community-home .nuo-slider-comunity .flickity-viewport .flickity-slider > .product, .nuo-section-community-home .nuo-slider-comunity .flickity-viewport .flickity-slider > .post-item {
  padding-left: 6px !important;
  padding-right: 6px !important;
}
@media only screen and (min-width: 48em) {
  .nuo-section-community-home .nuo-slider-comunity .flickity-viewport .flickity-slider > .product, .nuo-section-community-home .nuo-slider-comunity .flickity-viewport .flickity-slider > .post-item {
    max-width: calc(50% - 24px) !important;
  }
}
@media only screen and (max-width: 48em) {
  .nuo-section-community-home .nuo-slider-comunity .flickity-viewport .flickity-slider > .product, .nuo-section-community-home .nuo-slider-comunity .flickity-viewport .flickity-slider > .post-item {
    width: 84%;
  }
}
.nuo-section-community-home .nuo-slider-comunity .flickity-page-dots {
  display: none;
}
@media only screen and (max-width: 48em) {
  .nuo-section-community-home .nuo-slider-comunity .flickity-page-dots {
    display: flex;
    bottom: -10px;
    min-height: auto;
  }
}
.nuo-section-community-home .nuo-slider-comunity .next {
  right: 70px;
}
@media only screen and (max-width: 48em) {
  .nuo-section-community-home .nuo-slider-comunity .next {
    right: 21px;
  }
}
@media only screen and (min-width: 48em) {
  .nuo-section-community-home .row-small:not(.row-collapse) {
    margin-right: -60px;
  }
}

/* =============================================== GOAL section - Home =============================================== */
/* Hiển thị nội dung panel theo trạng thái active trong .nuo-tab-goal */
.nuo-tab-goal .tab-panels .panel {
  display: none;
}

.nuo-tab-goal .tab-panels .panel.active {
  display: block;
}

/* Mặc định hiển thị nav bên trong .nuo-tab-goal */
.nuo-tab-goal .nav {
  display: flex;
}

#nuoTabDropdown {
  width: calc(100% - 20px);
  margin-left: 10px;
  background-color: white !important;
  border: 1px solid black !important;
  border-bottom: 0px !important;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  font-size: 16px;
  font-style: normal;
  font-family: "FamiljenGrotesk-Medium", sans-serif;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.16px;
  text-transform: uppercase;
  background-size: auto 24px !important;
}

/* Ở mobile (<=768px): ẩn nav và hiển thị dropdown */
@media only screen and (max-width: 48em) {
  .nuo-tab-goal .nav {
    display: none;
  }
  #nuoTabDropdown {
    display: block;
  }
}
/* ============= */
@media only screen and (max-width: 48em) {
  .our-goal-home .nuo-slider-goal > .col {
    padding: 0;
  }
  .our-goal-home .nuo-slider-goal > .col > .col-inner {
    padding: 0 !important;
  }
}
.our-goal-home .des-goal-slider {
  font-family: "FamiljenGrotesk-Bold", sans-serif;
  margin-top: 1rem;
}
.our-goal-home .btn-goal-slider {
  display: flex;
  gap: 3px;
  align-items: center;
  padding: 0 20px;
  background-color: #F2F2F2;
  width: fit-content !important;
  color: black;
  font-size: 1rem;
  border-radius: 12px;
  min-height: 45px;
}
.our-goal-home .btn-goal-slider span {
  margin-right: 4px;
}
.our-goal-home .btn-goal-slider i {
  font-family: "MNNuoLife-Book-330";
  font-style: normal;
}
.our-goal-home .n2-ss-slider .n2-ow,
.our-goal-home .n2-ss-slider .n2-ow-all .btn-goal-slider {
  font-size: 1rem;
}
.our-goal-home .n2-ss-slider-controls-side {
  gap: 48px;
  /* "translate3d(-50%, 0px, 0px) rotateY(25deg) scale(0.7, 0.7)" */
}
@media only screen and (max-width: 48em) {
  .our-goal-home .n2-ss-slider-controls-side {
    gap: 0px;
    flex-direction: column;
  }
}
.our-goal-home .n2-ss-slider-controls-side .n2-ss-slider-controls-left {
  min-height: 540px;
}
@media only screen and (max-width: 48em) {
  .our-goal-home .n2-ss-slider-controls-side .n2-ss-slider-controls-left {
    padding: 0;
  }
}
@media only screen and (max-width: 48em) {
  .our-goal-home .n2-ss-slider-controls-side .n2-ss-slider-controls-left .nextend-thumbnail {
    width: 100% !important;
  }
}
.our-goal-home .n2-ss-slider-controls-side .n2-ss-slider-controls-left .nextend-thumbnail .nextend-thumbnail-inner {
  margin: 0 !important;
  padding: 0 !important;
}
.our-goal-home .n2-ss-slider-controls-side .n2-ss-slider-controls-left .nextend-thumbnail .nextend-thumbnail-inner .nextend-thumbnail-scroller {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media only screen and (max-width: 48em) {
  .our-goal-home .n2-ss-slider-controls-side .n2-ss-slider-controls-left .nextend-thumbnail .nextend-thumbnail-inner .nextend-thumbnail-scroller {
    gap: 0;
  }
}
.our-goal-home .n2-ss-slider-controls-side .n2-ss-slider-controls-left .nextend-thumbnail .nextend-thumbnail-inner .nextend-thumbnail-scroller .n2-thumbnail-dot {
  margin: 0 !important;
}
@media only screen and (max-width: 48em) {
  .our-goal-home .n2-ss-slider-controls-side .n2-ss-slider-controls-left .nextend-thumbnail .nextend-thumbnail-inner .nextend-thumbnail-scroller .n2-thumbnail-dot {
    min-height: 56px !important;
  }
}
.our-goal-home .n2-ss-slider-controls-side .n2-ss-slider-controls-left .nextend-thumbnail .nextend-thumbnail-inner .nextend-thumbnail-scroller .n2-thumbnail-dot .n2-ss-caption {
  display: flex;
  flex-direction: column;
  margin: 0 !important;
  padding: 0 !important;
}
@media only screen and (max-width: 48em) {
  .our-goal-home .n2-ss-slider-controls-side .n2-ss-slider-controls-left .nextend-thumbnail .nextend-thumbnail-inner .nextend-thumbnail-scroller .n2-thumbnail-dot .n2-ss-caption {
    width: 100% !important;
  }
}
.our-goal-home .n2-ss-slider-controls-side .n2-ss-slider-controls-left .nextend-thumbnail .nextend-thumbnail-inner .nextend-thumbnail-scroller .n2-thumbnail-dot .n2-ss-caption > div:nth-child(1) {
  position: relative;
  padding: 0px 24px;
  padding-bottom: 10px;
  width: fit-content !important;
  font-size: 35px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 38px !important;
  text-transform: capitalize;
}
@media only screen and (max-width: 48em) {
  .our-goal-home .n2-ss-slider-controls-side .n2-ss-slider-controls-left .nextend-thumbnail .nextend-thumbnail-inner .nextend-thumbnail-scroller .n2-thumbnail-dot .n2-ss-caption > div:nth-child(1) {
    padding: 0px 12px;
    padding-bottom: 10px;
    font-size: 25px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 38px !important;
    text-transform: capitalize !important;
  }
}
.our-goal-home .n2-ss-slider-controls-side .n2-ss-slider-controls-left .nextend-thumbnail .nextend-thumbnail-inner .nextend-thumbnail-scroller .n2-thumbnail-dot .n2-ss-caption > div:nth-child(1)::before {
  content: "" !important;
  opacity: 0;
  display: block;
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  height: 100%;
  border: 1px solid black;
  border-top: 0px;
  border-radius: 15px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  transition: all 0.3s ease;
}
.our-goal-home .n2-ss-slider-controls-side .n2-ss-slider-controls-left .nextend-thumbnail .nextend-thumbnail-inner .nextend-thumbnail-scroller .n2-thumbnail-dot .n2-ss-caption > div:nth-child(2) {
  padding: 0;
  margin: 0;
}
.our-goal-home .n2-ss-slider-controls-side .n2-ss-slider-controls-left .nextend-thumbnail .nextend-thumbnail-inner .nextend-thumbnail-scroller .n2-thumbnail-dot .n2-ss-caption .des-goal-slider {
  display: none;
  flex-direction: column;
  gap: 27px;
  padding: 27px 20px;
  padding-bottom: 10px;
  margin: 0px;
}
@media only screen and (max-width: 48em) {
  .our-goal-home .n2-ss-slider-controls-side .n2-ss-slider-controls-left .nextend-thumbnail .nextend-thumbnail-inner .nextend-thumbnail-scroller .n2-thumbnail-dot .n2-ss-caption .des-goal-slider {
    padding: 13px 12px;
    padding-bottom: 20px;
    gap: 10px;
  }
}
.our-goal-home .n2-ss-slider-controls-side .n2-ss-slider-controls-left .nextend-thumbnail .nextend-thumbnail-inner .nextend-thumbnail-scroller .n2-thumbnail-dot.n2-active .n2-ss-caption > div:nth-child(1)::before {
  opacity: 1;
  bottom: 0;
}
.our-goal-home .n2-ss-slider-controls-side .n2-ss-slider-controls-left .nextend-thumbnail .nextend-thumbnail-inner .nextend-thumbnail-scroller .n2-thumbnail-dot.n2-active .n2-ss-caption .des-goal-slider {
  display: flex;
}
.our-goal-home .n2-ss-slider-controls-side .n2-ss-slider-controls-left .nextend-thumbnail .nextend-thumbnail-inner .nextend-thumbnail-scroller .n2-thumbnail-dot:nth-child(6) {
  display: none !important;
}
.our-goal-home .n2-ss-slider-controls-side .n2-ss-slider-controls-left .nextend-thumbnail .nextend-thumbnail-inner .nextend-thumbnail-scroller .n2-thumbnail-dot:nth-child(7) {
  display: none !important;
}
.our-goal-home .n2-ss-slider-controls-side .n2-ss-slider-controls-left .nextend-thumbnail .nextend-thumbnail-inner .nextend-thumbnail-scroller .n2-thumbnail-dot:nth-child(8) {
  display: none !important;
}
.our-goal-home .n2-ss-slider-controls-side .n2-ss-slider-controls-left .nextend-thumbnail .nextend-thumbnail-inner .nextend-thumbnail-scroller .n2-thumbnail-dot:nth-child(9) {
  display: none !important;
}
.our-goal-home .n2-ss-slider-controls-side .n2-ss-slider-controls-left .nextend-thumbnail .nextend-thumbnail-inner .nextend-thumbnail-scroller .n2-thumbnail-dot:nth-child(10) {
  display: none !important;
}
@media only screen and (max-width: 48em) {
  .our-goal-home .n2-ss-slider-controls-side .n2-ss-slider-wrapper-inside {
    display: none !important;
  }
}
.our-goal-home .n2-ss-slider-controls-side .n2-ss-slider-wrapper-inside .n2-ss-slider-3 .n2-ss-showcase-slides [data-slide-public-id="1"] {
  /* background-color: red; */
  /* transform: translate3d(-90%, 0px, 0px) rotateY(25deg) scale(0.5, 0.5) !important; */
}
.our-goal-home .n2-ss-slider-controls-side .n2-ss-slider-wrapper-inside .n2-ss-slider-3 .n2-ss-showcase-slides [data-slide-public-id="2"] {
  /* background-color: red; */
  /* transform: translate3d(-50%, 0px, 0px) rotateY(25deg) scale(0.7, 0.7) !important; */
}
.our-goal-home .n2-ss-slider-controls-side .n2-ss-slider-wrapper-inside .n2-ss-slider-3 .n2-ss-showcase-slides [data-slide-public-id="3"] {
  /* background-color: red; */
}
.our-goal-home .n2-ss-slider-controls-side .n2-ss-slider-wrapper-inside .n2-ss-slider-3 .n2-ss-showcase-slides [data-slide-public-id="4"] {
  /* background-color: red; */
  /* transform: translate3d(50%, 0px, 0px) rotateY(-25deg) scale(0.7, 0.7) !important; */
}
.our-goal-home .n2-ss-slider-controls-side .n2-ss-slider-wrapper-inside .n2-ss-slider-3 .n2-ss-showcase-slides [data-slide-public-id="5"] {
  /* background-color: red; */
  /* transform: translate3d(90%, 0px, 0px) rotateY(-25deg) scale(0.5, 0.5) !important; */
}
.our-goal-home .n2-ss-slider-controls-side .n2-ss-slider-wrapper-inside .n2-ss-slider-3 .n2-ss-showcase-slides .n2-ss-slide {
  /* opacity: 0 !important; */
  /* transition: all 0.3s ease; */
}
.our-goal-home .n2-ss-slider-controls-side .n2-ss-slider-wrapper-inside .n2-ss-slider-3 .n2-ss-showcase-slides .n2-ss-slide.beforePreviousSlide-2 {
  /* opacity: 1 !important; */
  /* transform: translate3d(-90%, 0px, 0px) rotateY(25deg) scale(0.5, 0.5) !important; */
}
.our-goal-home .n2-ss-slider-controls-side .n2-ss-slider-wrapper-inside .n2-ss-slider-3 .n2-ss-showcase-slides .n2-ss-slide.previousElementSibling-1 {
  /* opacity: 1 !important; */
  /* transform: translate3d(-50%, 0px, 0px) rotateY(25deg) scale(0.7, 0.7) !important; */
}
.our-goal-home .n2-ss-slider-controls-side .n2-ss-slider-wrapper-inside .n2-ss-slider-3 .n2-ss-showcase-slides .n2-ss-slide.n2-ss-slide-active {
  /* opacity: 1 !important; */
}
.our-goal-home .n2-ss-slider-controls-side .n2-ss-slider-wrapper-inside .n2-ss-slider-3 .n2-ss-showcase-slides .n2-ss-slide.nextElementSibling-1 {
  /* opacity: 1 !important; */
  /* transform: translate3d(50%, 0px, 0px) rotateY(-25deg) scale(0.7, 0.7) !important; */
}
.our-goal-home .n2-ss-slider-controls-side .n2-ss-slider-wrapper-inside .n2-ss-slider-3 .n2-ss-showcase-slides .n2-ss-slide.afterNextSlide-2 {
  /* opacity: 1 !important; */
  /* transform: translate3d(90%, 0px, 0px) rotateY(-25deg) scale(0.5, 0.5) !important; */
}

/* =========================== GOAL (Our store) Page ======================== */
.nuo-row-tab {
  flex-wrap: nowrap;
}
@media only screen and (min-width: 48em) {
  .nuo-row-tab .nuo-col-tab {
    padding-right: 0px !important;
  }
}
@media only screen and (min-width: 48em) {
  .nuo-row-tab .nuo-col-tab > .col-inner {
    padding-right: 0px !important;
  }
}

.nuo-tab-goal {
  gap: 11.5vw;
  flex-wrap: nowrap;
}
@media only screen and (max-width: 48em) {
  .nuo-tab-goal {
    gap: 10vw;
    padding-left: 12px;
    padding-right: 12px;
    flex-direction: column;
  }
}
.nuo-tab-goal .nav {
  max-width: 389px;
  padding: 0px !important;
  margin: 0px !important;
  gap: 16px;
}
@media only screen and (max-width: 48em) {
  .nuo-tab-goal .nav {
    gap: 10px;
  }
}
.nuo-tab-goal .nav .tab {
  display: block;
  border: 0px;
  padding-left: 48px;
}
@media only screen and (max-width: 48em) {
  .nuo-tab-goal .nav .tab {
    padding-left: 0px;
  }
}
.nuo-tab-goal .nav .tab a {
  display: inline-block;
  border-width: 1px;
  border-top: 0;
  border-color: transparent;
  border-radius: 0px 0px 15px 15px;
  /* padding: 0px 20px 10px 20px;
    padding-top: 0; */
  padding: 0 20px;
  min-height: 48px;
  line-height: 1;
  text-decoration: none;
}
@media only screen and (max-width: 48em) {
  .nuo-tab-goal .nav .tab a {
    padding: 0px 12px;
  }
}
.nuo-tab-goal .nav .tab a span {
  font-size: 35px;
  font-style: normal;
  font-weight: 400;
  line-height: 38px;
  text-transform: capitalize;
}
@media only screen and (max-width: 48em) {
  .nuo-tab-goal .nav .tab a span {
    /* font-size: 16px; */
    font-size: 25px;
    font-style: normal;
    font-family: "FamiljenGrotesk-Medium", sans-serif;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.16px;
  }
}
.nuo-tab-goal .nav .tab.active {
  margin-bottom: 4px;
}
@media only screen and (max-width: 48em) {
  .nuo-tab-goal .nav .tab.active {
    margin-bottom: 18px;
  }
}
.nuo-tab-goal .nav .tab.active a {
  border-color: black;
}
.nuo-tab-goal .tab-panels {
  flex: 1;
  padding: 0px !important;
  margin: 0px !important;
  border: 0px;
}
.nuo-tab-goal .tab-panels > .panel .nuo-row-post-goal {
  padding-right: 48px;
}
@media only screen and (max-width: 48em) {
  .nuo-tab-goal .tab-panels > .panel .nuo-row-post-goal {
    padding-right: 0px;
  }
}
@media only screen and (max-width: 48em) {
  .nuo-tab-goal .tab-panels > .panel > .row > .col {
    padding: 0 24px !important;
  }
}

.nuo-blog-goal {
  /* .flickity-prev-next-button[disabled] */
}
.nuo-blog-goal .flickity-viewport .flickity-slider .post-item .col-inner .box,
.nuo-blog-goal .flickity-viewport .flickity-slider .col .col-inner .box {
  display: flex;
  width: 100%;
  gap: 48px;
}
@media only screen and (max-width: 48em) {
  .nuo-blog-goal .flickity-viewport .flickity-slider .post-item .col-inner .box,
  .nuo-blog-goal .flickity-viewport .flickity-slider .col .col-inner .box {
    flex-direction: column;
    gap: 16px;
  }
}
.nuo-blog-goal .flickity-viewport .flickity-slider .post-item .col-inner .box .box-image,
.nuo-blog-goal .flickity-viewport .flickity-slider .col .col-inner .box .box-image {
  width: 50%;
}
@media only screen and (max-width: 48em) {
  .nuo-blog-goal .flickity-viewport .flickity-slider .post-item .col-inner .box .box-image,
  .nuo-blog-goal .flickity-viewport .flickity-slider .col .col-inner .box .box-image {
    width: 100%;
  }
}
.nuo-blog-goal .flickity-viewport .flickity-slider .post-item .col-inner .box .box-image .image-cover,
.nuo-blog-goal .flickity-viewport .flickity-slider .col .col-inner .box .box-image .image-cover {
  height: 100%;
}
.nuo-blog-goal .flickity-viewport .flickity-slider .post-item .col-inner .box .box-text,
.nuo-blog-goal .flickity-viewport .flickity-slider .col .col-inner .box .box-text {
  flex: 1;
  padding: 0px;
}
@media only screen and (max-width: 48em) {
  .nuo-blog-goal .flickity-viewport .flickity-slider .post-item .col-inner .box .box-text,
  .nuo-blog-goal .flickity-viewport .flickity-slider .col .col-inner .box .box-text {
    width: 100%;
  }
}
.nuo-blog-goal .flickity-viewport .flickity-slider .post-item .col-inner .box .box-text .box-text-inner,
.nuo-blog-goal .flickity-viewport .flickity-slider .col .col-inner .box .box-text .box-text-inner {
  position: relative;
  padding-right: 100px;
}
@media only screen and (max-width: 48em) {
  .nuo-blog-goal .flickity-viewport .flickity-slider .post-item .col-inner .box .box-text .box-text-inner,
  .nuo-blog-goal .flickity-viewport .flickity-slider .col .col-inner .box .box-text .box-text-inner {
    padding-right: 0;
  }
}
.nuo-blog-goal .flickity-viewport .flickity-slider .post-item .col-inner .box .box-text .box-text-inner .index,
.nuo-blog-goal .flickity-viewport .flickity-slider .col .col-inner .box .box-text .box-text-inner .index {
  position: absolute;
  top: 3px;
  right: 0px;
  min-width: 64px;
  text-align: right;
  font-family: "MNNuoLife-Book-330";
  font-weight: 330;
  font-size: 25px;
  font-style: normal;
  line-height: 100%;
}
@media only screen and (max-width: 48em) {
  .nuo-blog-goal .flickity-viewport .flickity-slider .post-item .col-inner .box .box-text .box-text-inner .index,
  .nuo-blog-goal .flickity-viewport .flickity-slider .col .col-inner .box .box-text .box-text-inner .index {
    font-size: 18px;
  }
}
.nuo-blog-goal .flickity-viewport .flickity-slider .post-item .col-inner .box .box-text .box-text-inner .is-divider,
.nuo-blog-goal .flickity-viewport .flickity-slider .col .col-inner .box .box-text .box-text-inner .is-divider {
  display: none;
}
.nuo-blog-goal .flickity-viewport .flickity-slider .post-item .col-inner .box .box-text .box-text-inner .post-title,
.nuo-blog-goal .flickity-viewport .flickity-slider .post-item .col-inner .box .box-text .box-text-inner h5,
.nuo-blog-goal .flickity-viewport .flickity-slider .col .col-inner .box .box-text .box-text-inner .post-title,
.nuo-blog-goal .flickity-viewport .flickity-slider .col .col-inner .box .box-text .box-text-inner h5 {
  margin-top: 0;
  margin-bottom: 16px;
}
@media only screen and (max-width: 48em) {
  .nuo-blog-goal .flickity-viewport .flickity-slider .post-item .col-inner .box .box-text .box-text-inner .post-title,
  .nuo-blog-goal .flickity-viewport .flickity-slider .post-item .col-inner .box .box-text .box-text-inner h5,
  .nuo-blog-goal .flickity-viewport .flickity-slider .col .col-inner .box .box-text .box-text-inner .post-title,
  .nuo-blog-goal .flickity-viewport .flickity-slider .col .col-inner .box .box-text .box-text-inner h5 {
    padding-right: 60px;
    margin-bottom: 16px;
  }
}
.nuo-blog-goal .flickity-viewport .flickity-slider .post-item .col-inner .box .box-text .box-text-inner .post-title a,
.nuo-blog-goal .flickity-viewport .flickity-slider .post-item .col-inner .box .box-text .box-text-inner h5 a,
.nuo-blog-goal .flickity-viewport .flickity-slider .col .col-inner .box .box-text .box-text-inner .post-title a,
.nuo-blog-goal .flickity-viewport .flickity-slider .col .col-inner .box .box-text .box-text-inner h5 a {
  font-size: 35px;
  font-style: normal;
  text-decoration: none;
  font-weight: 700;
  line-height: 110%;
}
@media only screen and (min-width: 48em) {
  .nuo-blog-goal .flickity-viewport .flickity-slider .post-item .col-inner .box .box-text .box-text-inner .post-title a,
  .nuo-blog-goal .flickity-viewport .flickity-slider .post-item .col-inner .box .box-text .box-text-inner h5 a,
  .nuo-blog-goal .flickity-viewport .flickity-slider .col .col-inner .box .box-text .box-text-inner .post-title a,
  .nuo-blog-goal .flickity-viewport .flickity-slider .col .col-inner .box .box-text .box-text-inner h5 a {
    font-family: "FamiljenGrotesk-Bold", sans-serif;
  }
}
@media only screen and (max-width: 48em) {
  .nuo-blog-goal .flickity-viewport .flickity-slider .post-item .col-inner .box .box-text .box-text-inner .post-title a,
  .nuo-blog-goal .flickity-viewport .flickity-slider .post-item .col-inner .box .box-text .box-text-inner h5 a,
  .nuo-blog-goal .flickity-viewport .flickity-slider .col .col-inner .box .box-text .box-text-inner .post-title a,
  .nuo-blog-goal .flickity-viewport .flickity-slider .col .col-inner .box .box-text .box-text-inner h5 a {
    font-size: 30px;
    line-height: 32px;
    letter-spacing: 0.3px;
  }
}
.nuo-blog-goal .flickity-viewport .flickity-slider .post-item .col-inner .box .box-text .box-text-inner .from_the_blog_excerpt,
.nuo-blog-goal .flickity-viewport .flickity-slider .post-item .col-inner .box .box-text .box-text-inner p,
.nuo-blog-goal .flickity-viewport .flickity-slider .col .col-inner .box .box-text .box-text-inner .from_the_blog_excerpt,
.nuo-blog-goal .flickity-viewport .flickity-slider .col .col-inner .box .box-text .box-text-inner p {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.16px;
}
.nuo-blog-goal .flickity-viewport .flickity-slider .post-item .col-inner .box .post-date,
.nuo-blog-goal .flickity-viewport .flickity-slider .col .col-inner .box .post-date {
  display: none;
}
.nuo-blog-goal .flickity-prev-next-button {
  opacity: 0.7;
  transform: translateX(0) !important;
}
@media only screen and (max-width: 48em) {
  .nuo-blog-goal .flickity-prev-next-button {
    display: none;
  }
}
.nuo-blog-goal .previous {
  background-color: transparent;
  background-image: url("https://nuoforlife.com/wp-content/uploads/2024/12/arrow-left-circle.svg");
  background-size: 45px;
  background-repeat: no-repeat;
  background-position: center;
  width: 45px;
  left: 24px;
}
.nuo-blog-goal .previous .flickity-button-icon {
  display: none;
}
.nuo-blog-goal .next {
  background-color: transparent;
  background-image: url("https://nuoforlife.com/wp-content/uploads/2024/12/arrow-right-circle.svg");
  background-size: 45px;
  background-repeat: no-repeat;
  background-position: center;
  width: 45px;
  right: 24px;
}
.nuo-blog-goal .next .flickity-button-icon {
  display: none;
}
.nuo-blog-goal .flickity-page-dots {
  left: calc(50% + 48px);
  bottom: 30px;
  right: inherit;
  display: flex;
}
@media only screen and (max-width: 48em) {
  .nuo-blog-goal .flickity-page-dots {
    left: 0;
    bottom: 0;
    justify-content: center;
    width: 100%;
  }
}
.nuo-blog-goal .flickity-page-dots .dot {
  width: 5vw;
  border-radius: 2px;
  border: 2px solid #A2A2A2;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-style: dotted;
  background-color: transparent;
}
@media only screen and (max-width: 48em) {
  .nuo-blog-goal .flickity-page-dots .dot {
    width: 10vw;
  }
}
.nuo-blog-goal .flickity-page-dots .dot.is-selected {
  border-style: solid;
  border-bottom: 2px solid black;
}

@media only screen and (min-width: 48em) {
  .nuo-slider-product-goal .flickity-slider > .product, .nuo-slider-product-goal .flickity-slider > .post-item,
  .nuo-slider-comunity-goal .flickity-slider > .product,
  .nuo-slider-comunity-goal .flickity-slider > .post-item {
    max-width: calc(50% - 24px) !important;
  }
}

/* =========================== ABOUT Page ======================== */
.nuo-numb-about,
.nuo-numb-news,
.nuo-numb-biz {
  margin-bottom: 8px;
}
.nuo-numb-about p,
.nuo-numb-news p,
.nuo-numb-biz p {
  text-align: center;
  font-family: "MNNuoLife-Medium-370";
  font-weight: 370;
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.42px;
  text-transform: uppercase;
  margin: 0;
}

.nuo-big-numb-biz h1 {
  text-align: center;
  font-family: "MNNuoLife-Book-330";
  font-weight: 330 !important;
  font-size: 36px;
  font-style: normal !important;
  line-height: normal;
  letter-spacing: 3.6px;
}

.nuo-title-about,
.nuo-title-news,
.nuo-title-biz {
  margin-bottom: 90px;
}
@media only screen and (min-width: 48em) {
  .nuo-title-about,
  .nuo-title-news,
  .nuo-title-biz {
    margin-bottom: 112px;
  }
}
.nuo-title-about h1,
.nuo-title-news h1,
.nuo-title-biz h1 {
  text-align: center;
  font-size: 55px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  text-transform: uppercase;
  margin: 0;
}
@media only screen and (min-width: 48em) {
  .nuo-title-about h1,
  .nuo-title-news h1,
  .nuo-title-biz h1 {
    font-family: "FamiljenGrotesk-Bold", sans-serif;
  }
}
@media only screen and (max-width: 48em) {
  .nuo-title-about h1,
  .nuo-title-news h1,
  .nuo-title-biz h1 {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 33px;
    letter-spacing: 0.32px;
    text-transform: uppercase;
  }
}

@media only screen and (max-width: 48em) {
  .nuo-title-about-style h1 span {
    display: block;
  }
}
.nuo-title-about-style h1 span:nth-child(1) {
  text-align: left;
}
.nuo-title-about-style h1 span:nth-child(2) {
  text-align: right;
}

.nuo-title-biz-2,
.nuo-title-biz-2 h1 {
  text-align: center;
  font-size: 52px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  text-transform: uppercase;
}
@media only screen and (min-width: 48em) {
  .nuo-title-biz-2,
  .nuo-title-biz-2 h1 {
    font-family: "FamiljenGrotesk-Bold", sans-serif;
  }
}
@media only screen and (max-width: 48em) {
  .nuo-title-biz-2,
  .nuo-title-biz-2 h1 {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 33px;
    letter-spacing: 0.32px;
    text-transform: uppercase;
  }
}

.nuo-des-about p,
.nuo-des-news p,
.nuo-des-biz p {
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.2px;
  margin: 0;
}
@media only screen and (max-width: 48em) {
  .nuo-des-about p,
  .nuo-des-news p,
  .nuo-des-biz p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.14px;
  }
}

.nuo-section-contact-dark .nuo-newLetter-about form,
.nuo-section-contact-dark .nuo-newLetter-about .wpcf7-form,
.nuo-section-contact-light .nuo-newLetter-about form,
.nuo-section-contact-light .nuo-newLetter-about .wpcf7-form {
  margin: 0;
}
.nuo-section-contact-dark .nuo-newLetter-about form .wpcf7-email,
.nuo-section-contact-dark .nuo-newLetter-about .wpcf7-form .wpcf7-email,
.nuo-section-contact-light .nuo-newLetter-about form .wpcf7-email,
.nuo-section-contact-light .nuo-newLetter-about .wpcf7-form .wpcf7-email {
  border-radius: 10px !important;
  background-color: transparent !important;
  text-align: center;
  height: 58px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.14px;
}
.nuo-section-contact-dark .nuo-newLetter-about form .ml-half,
.nuo-section-contact-dark .nuo-newLetter-about .wpcf7-form .ml-half,
.nuo-section-contact-light .nuo-newLetter-about form .ml-half,
.nuo-section-contact-light .nuo-newLetter-about .wpcf7-form .ml-half {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: auto;
}
.nuo-section-contact-dark .nuo-newLetter-about form .ml-half p,
.nuo-section-contact-dark .nuo-newLetter-about .wpcf7-form .ml-half p,
.nuo-section-contact-light .nuo-newLetter-about form .ml-half p,
.nuo-section-contact-light .nuo-newLetter-about .wpcf7-form .ml-half p {
  height: 100%;
}
.nuo-section-contact-dark .nuo-newLetter-about form .ml-half input,
.nuo-section-contact-dark .nuo-newLetter-about .wpcf7-form .ml-half input,
.nuo-section-contact-light .nuo-newLetter-about form .ml-half input,
.nuo-section-contact-light .nuo-newLetter-about .wpcf7-form .ml-half input {
  background-color: transparent !important;
  font-size: 24px;
  padding: 0;
  font-weight: 400;
}
.nuo-section-contact-dark .nuo-newLetter-about form .wpcf7-spinner,
.nuo-section-contact-dark .nuo-newLetter-about .wpcf7-form .wpcf7-spinner,
.nuo-section-contact-light .nuo-newLetter-about form .wpcf7-spinner,
.nuo-section-contact-light .nuo-newLetter-about .wpcf7-form .wpcf7-spinner {
  position: absolute;
  top: 0;
  right: 0;
}
.nuo-section-contact-dark .nuo-newLetter-about form .wpcf7-submit,
.nuo-section-contact-dark .nuo-newLetter-about .wpcf7-form .wpcf7-submit,
.nuo-section-contact-light .nuo-newLetter-about form .wpcf7-submit,
.nuo-section-contact-light .nuo-newLetter-about .wpcf7-form .wpcf7-submit {
  background-color: transparent;
  width: 48px;
  height: 58px;
  border-radius: 8px;
  border: 0;
  font-family: "MNNuoLife-Book-330";
  font-weight: 330 !important;
  margin: 0;
}
.nuo-section-contact-dark .nuo-newLetter-about .text,
.nuo-section-contact-light .nuo-newLetter-about .text {
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.2px;
  max-width: 455px;
}
@media only screen and (max-width: 48em) {
  .nuo-section-contact-dark .nuo-newLetter-about .text,
  .nuo-section-contact-light .nuo-newLetter-about .text {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.14px;
  }
}
.nuo-section-contact-dark .nuo-newLetter-about > .col > .col-inner,
.nuo-section-contact-light .nuo-newLetter-about > .col > .col-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
.nuo-section-contact-dark .nuo-newLetter-about > .col > .col-inner > .wpcf7,
.nuo-section-contact-light .nuo-newLetter-about > .col > .col-inner > .wpcf7 {
  width: 100%;
}

.nuo-section-contact-dark .nuo-newLetter-about form .wpcf7-email {
  border: 1px solid white !important;
}
.nuo-section-contact-dark .nuo-newLetter-about form .wpcf7-email::placeholder {
  color: white !important;
}
.nuo-section-contact-dark .nuo-newLetter-about form .wpcf7-submit {
  color: white !important;
}

.nuo-section-contact-light .nuo-newLetter-about form .wpcf7-email {
  border: 1px solid black !important;
}
.nuo-section-contact-light .nuo-newLetter-about form .wpcf7-email::placeholder {
  color: black !important;
}
.nuo-section-contact-light .nuo-newLetter-about form .wpcf7-submit {
  color: black !important;
}

.nuo-section-blog-about .nuo-blog-slider .flickity-viewport {
  /* overflow: inherit;
    height: auto !important;

    .flickity-slider {
      height: auto !important;
      position: relative !important;
      &>.col{
        position: relative !important;
      }
    }

    .image-cover {
      padding-top: inherit !important;
    } */
}
.nuo-section-blog-about .nuo-blog-slider .flickity-viewport .box-text-inner {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.nuo-section-blog-about .nuo-blog-slider .flickity-viewport .box-text-inner .index {
  position: relative;
  top: 2px;
  font-family: "MNNuoLife-Medium-370";
  font-weight: 370;
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.42px;
  text-transform: uppercase;
}
@media only screen and (max-width: 48em) {
  .nuo-section-blog-about .nuo-blog-slider .flickity-viewport .box-text-inner .index {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
  }
}
.nuo-section-blog-about .nuo-blog-slider .flickity-viewport .box-text-inner .post-title {
  flex: 1;
}
.nuo-section-blog-about .nuo-blog-slider .flickity-viewport .box-text-inner .post-title a {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.16px;
}
@media only screen and (max-width: 48em) {
  .nuo-section-blog-about .nuo-blog-slider .flickity-viewport .box-text-inner .post-title a {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.14px;
  }
}
.nuo-section-blog-about .nuo-blog-slider .flickity-viewport .box-text-inner .is-divider,
.nuo-section-blog-about .nuo-blog-slider .flickity-viewport .box-text-inner .from_the_blog_excerpt {
  display: none;
}

.nuo-product-develop-about,
.nuo-product-develop-biz,
.nuo-slider-blog-news {
  margin-left: -6px !important;
  margin-right: -6px !important;
}
.nuo-product-develop-about > .col,
.nuo-product-develop-biz > .col,
.nuo-slider-blog-news > .col {
  padding-left: 6px;
  padding-right: 6px;
  margin-bottom: 52px;
}
@media only screen and (max-width: 48em) {
  .nuo-product-develop-about > .col,
  .nuo-product-develop-biz > .col,
  .nuo-slider-blog-news > .col {
    margin-bottom: 32px;
  }
}

.nuo-slider-blog-news .flickity-viewport .flickity-slider > .col {
  padding-left: 6px;
  padding-right: 6px;
}

.nuo-member {
  margin-left: -6px !important;
  margin-right: -6px !important;
}
.nuo-member > .col {
  padding-left: 6px;
  padding-right: 6px;
}
.nuo-member > .col > .col-inner > a {
  text-decoration: none;
}
.nuo-member .flickity-viewport .flickity-slider > .col {
  padding-left: 6px;
  padding-right: 6px;
}
.nuo-member .flickity-viewport .flickity-slider > .col > .col-inner > a {
  text-decoration: none;
}
.nuo-member .box-text-inner {
  position: relative;
}
.nuo-member .box-text-inner::after {
  content: "" !important;
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 24px;
  border: 1px solid white;
  border-top: 0px;
  border-right: 0px;
  border-radius: 10px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  transition: all 0.3s ease;
}
.nuo-member .box-text-inner h4,
.nuo-member .box-text-inner h6,
.nuo-member .box-text-inner .portfolio-box-title {
  position: relative;
  display: block;
  padding: 8px 16px;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  /* letter-spacing: 0.2px; */
  letter-spacing: normal;
  text-transform: uppercase;
}
@media only screen and (min-width: 48em) {
  .nuo-member .box-text-inner h4,
  .nuo-member .box-text-inner h6,
  .nuo-member .box-text-inner .portfolio-box-title {
    font-family: "FamiljenGrotesk-Bold", sans-serif;
  }
}
@media only screen and (max-width: 48em) {
  .nuo-member .box-text-inner h4,
  .nuo-member .box-text-inner h6,
  .nuo-member .box-text-inner .portfolio-box-title {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.14px;
    text-transform: uppercase;
  }
}
.nuo-member .box-text-inner h4::after,
.nuo-member .box-text-inner h6::after,
.nuo-member .box-text-inner .portfolio-box-title::after {
  content: ">";
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 4px;
  right: 5px;
  width: 32px;
  height: 32px;
  color: white;
  font-family: "MNNuoLife-Book-330";
  font-weight: 330;
  transform: rotate(90deg);
}
.nuo-member .box-text-inner h4 .person-title,
.nuo-member .box-text-inner h6 .person-title,
.nuo-member .box-text-inner .portfolio-box-title .person-title {
  display: none;
}
.nuo-member .box-text-inner p {
  display: none;
}

.nuo-box-info-white,
.nuo-box-info-black {
  padding-top: 10vh;
  padding-bottom: 10vh;
}
.nuo-box-info-white .col-inner,
.nuo-box-info-black .col-inner {
  position: relative;
}
.nuo-box-info-white .col-inner::before,
.nuo-box-info-black .col-inner::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 100%;
  border-radius: 10px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  transition: all 0.3s ease;
}
.nuo-box-info-white .col-inner::after,
.nuo-box-info-black .col-inner::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 100%;
  border-radius: 10px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  transition: all 0.3s ease;
}
.nuo-box-info-white .col-inner .text,
.nuo-box-info-black .col-inner .text {
  /* min-width: 300px; */
  width: 50vw;
  max-width: 535px;
}
@media only screen and (max-width: 48em) {
  .nuo-box-info-white .col-inner .text,
  .nuo-box-info-black .col-inner .text {
    width: 80vw;
  }
}
.nuo-box-info-white .col-inner .text h1,
.nuo-box-info-black .col-inner .text h1 {
  text-align: center;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* text-transform: uppercase; */
  margin: 0;
  margin-bottom: 14px;
}
@media only screen and (min-width: 48em) {
  .nuo-box-info-white .col-inner .text h1,
  .nuo-box-info-black .col-inner .text h1 {
    font-family: "FamiljenGrotesk-Bold", sans-serif;
  }
}
@media only screen and (max-width: 48em) {
  .nuo-box-info-white .col-inner .text h1,
  .nuo-box-info-black .col-inner .text h1 {
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
  }
}
.nuo-box-info-white .col-inner .text p,
.nuo-box-info-black .col-inner .text p {
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  margin: 0;
  opacity: 0.7;
  margin: 0;
}
@media only screen and (min-width: 48em) {
  .nuo-box-info-white .col-inner .text p,
  .nuo-box-info-black .col-inner .text p {
    font-family: "FamiljenGrotesk-Bold", sans-serif;
  }
}
@media only screen and (max-width: 48em) {
  .nuo-box-info-white .col-inner .text p,
  .nuo-box-info-black .col-inner .text p {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
  }
}
.nuo-box-info-white .col-inner:hover::before,
.nuo-box-info-black .col-inner:hover::before {
  left: calc(25vw - 48px);
}
.nuo-box-info-white .col-inner:hover::after,
.nuo-box-info-black .col-inner:hover::after {
  right: calc(25vw - 48px);
}

.nuo-box-info-white .col-inner::before {
  border: 1px solid white;
  border-right: 0;
}
.nuo-box-info-white .col-inner::after {
  border: 1px solid white;
  border-left: 0;
}

.nuo-box-info-black .col-inner::before {
  border: 1px solid black;
  border-right: 0;
}
.nuo-box-info-black .col-inner::after {
  border: 1px solid black;
  border-left: 0;
}

.nuo-section-header-about {
  padding-top: 150px !important;
}
.nuo-section-header-about .nuo-title {
  display: block;
  padding-bottom: 6vh;
}
.nuo-blog-slider-about .flickity-viewport {
  overflow: initial;
}
.nuo-blog-slider-about .flickity-viewport .flickity-slider .post-item .col-inner .box .box-image {
  border-radius: 0px !important;
}
.nuo-blog-slider-about .flickity-viewport .flickity-slider .post-item .col-inner .box .box-image .image-cover {
  padding: 0 !important;
  background-position: inherit !important;
}
.nuo-blog-slider-about .flickity-viewport .flickity-slider .post-item .col-inner .box .box-image .image-cover > a {
  text-decoration: none;
}
.nuo-blog-slider-about .flickity-viewport .flickity-slider .post-item .col-inner .box .box-image .image-cover > a img {
  position: inherit !important;
  border-radius: 10px !important;
  min-height: 200px;
}
.nuo-blog-slider-about .flickity-viewport .flickity-slider .post-item .col-inner .box .box-text > .box-text-inner {
  display: flex;
  gap: 1rem;
}
.nuo-blog-slider-about .flickity-viewport .flickity-slider .post-item .col-inner .box .box-text > .box-text-inner > .index {
  position: relative;
  top: 6px;
  font-family: "MNNuoLife-Medium-370";
  font-weight: 370;
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.42px;
  text-transform: uppercase;
}
@media only screen and (max-width: 48em) {
  .nuo-blog-slider-about .flickity-viewport .flickity-slider .post-item .col-inner .box .box-text > .box-text-inner > .index {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
  }
}
.nuo-blog-slider-about .flickity-viewport .flickity-slider .post-item .col-inner .box .box-text > .box-text-inner > .post-title {
  flex: 1;
  margin: 0;
}
.nuo-blog-slider-about .flickity-viewport .flickity-slider .post-item .col-inner .box .box-text > .box-text-inner > .post-title a {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.16px;
  text-decoration: none;
}
@media only screen and (max-width: 48em) {
  .nuo-blog-slider-about .flickity-viewport .flickity-slider .post-item .col-inner .box .box-text > .box-text-inner > .post-title a {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.14px;
  }
}
.nuo-blog-slider-about .flickity-viewport .flickity-slider .post-item .col-inner .box .box-text > .box-text-inner > .is-divider {
  display: none;
}
.nuo-blog-slider-about .flickity-viewport .flickity-slider .post-item .col-inner .box .box-text > .box-text-inner > .from_the_blog_excerpt {
  display: none;
}
.nuo-blog-slider-about .flickity-prev-next-button {
  display: none;
}
.nuo-blog-slider-about .flickity-prev-next-button {
  display: none;
}
/* =========================== LEARN - NEWS (Blog) Page ======================== */
.nuo-slider-related-news {
  margin-left: -6px !important;
  margin-right: -6px !important;
}
.nuo-slider-related-news > .col {
  padding-left: 6px;
  padding-right: 6px;
}

.blog .blog-wrapper {
  padding: 0;
}
@media only screen and (max-width: 48em) {
  .blog .blog-wrapper {
    padding-top: 32px;
  }
}
.blog .blog-wrapper > .row {
  max-width: inherit;
}
.blog .blog-wrapper > .row > .col {
  flex-basis: inherit;
  max-width: inherit;
  padding: 0;
}
.blog .nuo-section-blog-highlight {
  padding-top: 30px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media only screen and (max-width: 48em) {
  .blog .nuo-section-blog-highlight {
    padding-top: 54px;
  }
}
@media only screen and (max-width: 48em) {
  .blog .nuo-section-blog-highlight .custom-blog-layout-first-post .flickity-viewport {
    overflow: initial;
  }
}
@media only screen and (max-width: 48em) {
  .blog .nuo-section-blog-highlight .custom-blog-layout-first-post .flickity-viewport .flickity-slider .nuo-row-latest-news .nuo-col-left .col-inner {
    left: -8px;
  }
}
@media only screen and (max-width: 48em) {
  .blog .nuo-section-blog-highlight .custom-blog-layout-first-post .flickity-viewport .flickity-slider .nuo-row-latest-news .nuo-col-right .col-inner {
    right: -8px;
  }
}
.blog .nuo-section-blog-highlight .post-item .col-inner .box-vertical {
  display: flex;
  flex-direction: row-reverse;
  gap: 48px;
}
@media only screen and (max-width: 48em) {
  .blog .nuo-section-blog-highlight .post-item .col-inner .box-vertical {
    gap: 1rem;
    flex-direction: column;
  }
}
.blog .nuo-section-blog-highlight .post-item .col-inner .box-vertical .box-image {
  width: 60%;
  border-radius: 10px !important;
}
@media only screen and (max-width: 48em) {
  .blog .nuo-section-blog-highlight .post-item .col-inner .box-vertical .box-image .image-cover {
    padding-top: 68.25% !important;
  }
}
.blog .nuo-section-blog-highlight .post-item .col-inner .box-vertical .box-text {
  width: 40%;
  padding: 0;
}
.blog .nuo-section-blog-highlight .post-item .col-inner .box-vertical .box-text .post-title {
  margin: 0;
  margin-bottom: 8px;
}
.blog .nuo-section-blog-highlight .post-item .col-inner .box-vertical .box-text .post-title a {
  font-size: 52px;
  font-style: normal;
  text-decoration: none;
  font-weight: 700;
  line-height: 100%;
}
@media only screen and (min-width: 48em) {
  .blog .nuo-section-blog-highlight .post-item .col-inner .box-vertical .box-text .post-title a {
    font-family: "FamiljenGrotesk-Bold", sans-serif;
  }
}
@media only screen and (max-width: 48em) {
  .blog .nuo-section-blog-highlight .post-item .col-inner .box-vertical .box-text .post-title a {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 33px;
    letter-spacing: 0.32px;
  }
}
.blog .nuo-section-blog-highlight .post-item .col-inner .box-vertical .box-text .from_the_blog_excerpt {
  color: #A2A2A2;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.2px;
  margin-bottom: 48px;
}
@media only screen and (max-width: 48em) {
  .blog .nuo-section-blog-highlight .post-item .col-inner .box-vertical .box-text .from_the_blog_excerpt {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.16px;
  }
}
.blog .nuo-section-blog-highlight .post-item .col-inner .box-vertical .box-text .cat-label,
.blog .nuo-section-blog-highlight .post-item .col-inner .box-vertical .box-text .index {
  display: none;
}
.blog .nuo-section-blog-highlight .post-item .col-inner .box-vertical .box-text .button {
  position: relative;
  border: 0px;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1;
  padding: 20px;
  height: 58px;
  font-size: 14px;
  min-width: 154px;
}
@media only screen and (max-width: 48em) {
  .blog .nuo-section-blog-highlight .post-item .col-inner .box-vertical .box-text .button {
    display: none;
  }
}
.blog .nuo-section-blog-highlight .post-item .col-inner .box-vertical .box-text .button::after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 30%;
  border: 1px solid black;
  border-bottom: 0px;
  border-radius: 10px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  transition: all 0.3s ease;
}
.blog .nuo-section-blog-highlight .post-item .col-inner .box-vertical .box-text .button::before {
  content: "" !important;
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 30%;
  border: 1px solid black;
  border-top: 0px;
  border-radius: 10px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  transition: all 0.3s ease;
}
.blog .nuo-section-blog-highlight .post-item .col-inner .box-vertical .box-text .button:hover {
  background-color: transparent !important;
  color: black !important;
}
.blog .nuo-section-blog-highlight .post-item .col-inner .box-vertical .box-text .button:hover::after {
  top: 20%;
}
.blog .nuo-section-blog-highlight .post-item .col-inner .box-vertical .box-text .button:hover::before {
  bottom: 20%;
}
.blog .nuo-section-blog-highlight .post-item .col-inner .box-vertical .box-text .is-divider {
  display: none;
}
@media only screen and (max-width: 48em) {
  .blog .nuo-section-blog-highlight .post-item .col-inner .box-vertical .box-image,
  .blog .nuo-section-blog-highlight .post-item .col-inner .box-vertical .box-text {
    width: 100%;
  }
}
.blog .nuo-section-blog-highlight .nuo-row-latest-news {
  margin-bottom: 50px;
  flex-wrap: nowrap;
  gap: 1rem;
}
.blog .nuo-section-blog-highlight .nuo-row-latest-news::after {
  display: none;
}
.blog .nuo-section-blog-highlight .nuo-row-latest-news .nuo-col-left {
  justify-content: flex-start;
  display: flex;
}
.blog .nuo-section-blog-highlight .nuo-row-latest-news .nuo-col-left .col-inner {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid black;
  border-right: 0;
  border-bottom: 0;
  border-radius: 10px 0px 0px 0px;
  padding: 4px 1rem;
  min-height: 40px;
  width: 100%;
  max-width: 399px;
  margin: 0;
  font-size: 16px;
  font-style: normal;
  font-family: "FamiljenGrotesk-Medium", sans-serif;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.16px;
  text-transform: uppercase;
  leading-trim: both;
  text-edge: cap;
  text-box-trim: trim-both;
  text-box-edge: auto;
}
@media only screen and (max-width: 48em) {
  .blog .nuo-section-blog-highlight .nuo-row-latest-news .nuo-col-left .col-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    max-width: 120px;
    min-height: 35px;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 13px;
    letter-spacing: 0.12px;
  }
}
.blog .nuo-section-blog-highlight .nuo-row-latest-news .nuo-col-left .col-inner span {
  margin-top: 4px;
  font-family: "MNNuoLife-SemiBold-400";
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  line-height: 100%;
  letter-spacing: 1.2px;
  leading-trim: both;
  text-edge: cap;
}
@media only screen and (max-width: 48em) {
  .blog .nuo-section-blog-highlight .nuo-row-latest-news .nuo-col-left .col-inner span {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
  }
}
.blog .nuo-section-blog-highlight .nuo-row-latest-news .nuo-col-right {
  justify-content: flex-end;
  display: flex;
}
.blog .nuo-section-blog-highlight .nuo-row-latest-news .nuo-col-right .col-inner {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid black;
  border-left: 0;
  border-bottom: 0;
  border-radius: 0px 10px 0px 0px;
  padding: 4px 1rem;
  min-height: 40px;
  width: 100%;
  max-width: 399px;
  margin: 0;
}
@media only screen and (max-width: 48em) {
  .blog .nuo-section-blog-highlight .nuo-row-latest-news .nuo-col-right .col-inner {
    max-width: 120px;
    min-height: 35px;
  }
}
.blog .nuo-section-blog-highlight .nuo-row-latest-news .nuo-col-right .col-inner .text {
  width: 100%;
  text-transform: uppercase;
  font-size: 16px;
  font-style: normal;
  font-family: "FamiljenGrotesk-Medium", sans-serif;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.16px;
  text-transform: uppercase;
  text-align: right;
}
@media only screen and (max-width: 48em) {
  .blog .nuo-section-blog-highlight .nuo-row-latest-news .nuo-col-right .col-inner .text {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 13px;
    letter-spacing: 0.12px;
  }
}

.nuo-section-blog-list {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.nuo-section-blog-list .nuo-row-top {
  margin-bottom: 2rem;
  flex-wrap: nowrap;
  gap: 1rem;
}
.nuo-section-blog-list .nuo-row-top::after {
  display: none;
}
.nuo-section-blog-list .nuo-row-top .nuo-col-left {
  justify-content: flex-start;
  display: flex;
}
.nuo-section-blog-list .nuo-row-top .nuo-col-left .col-inner {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid black;
  border-right: 0;
  border-bottom: 0;
  border-radius: 10px 0px 0px 0px;
  padding: 4px 1rem;
  min-height: 40px;
  width: 100%;
  max-width: 399px;
  margin: 0;
}
@media only screen and (max-width: 48em) {
  .nuo-section-blog-list .nuo-row-top .nuo-col-left .col-inner {
    max-width: 120px;
    min-height: 35px;
  }
}
.nuo-section-blog-list .nuo-row-top .nuo-col-left .col-inner p {
  font-size: 16px;
  font-style: normal;
  font-family: "FamiljenGrotesk-Medium", sans-serif;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.16px;
  text-transform: uppercase;
  margin: 0;
}
@media only screen and (max-width: 48em) {
  .nuo-section-blog-list .nuo-row-top .nuo-col-left .col-inner p {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 13px;
    letter-spacing: 0.12px;
  }
}
.nuo-section-blog-list .nuo-row-top .nuo-col-right {
  justify-content: flex-end;
  display: flex;
}
.nuo-section-blog-list .nuo-row-top .nuo-col-right .col-inner {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  border: 1px solid black;
  border-left: 0;
  border-bottom: 0;
  border-radius: 0px 10px 0px 0px;
  padding: 4px 1rem;
  min-height: 40px;
  width: 100%;
  max-width: 399px;
  margin: 0;
}
@media only screen and (max-width: 48em) {
  .nuo-section-blog-list .nuo-row-top .nuo-col-right .col-inner {
    flex-direction: column;
    align-items: flex-end;
    gap: 0;
    max-width: 120px;
    min-height: 35px;
  }
}
.nuo-section-blog-list .nuo-row-top .nuo-col-right .col-inner p {
  font-size: 16px;
  font-style: normal;
  font-family: "FamiljenGrotesk-Medium", sans-serif;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.16px;
  text-transform: uppercase;
  margin: 0;
}
@media only screen and (max-width: 48em) {
  .nuo-section-blog-list .nuo-row-top .nuo-col-right .col-inner p {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 13px;
    letter-spacing: 0.12px;
  }
}
.nuo-section-blog-list .nuo-row-top .nuo-col-right .col-inner p span {
  margin-top: 4px;
  font-family: "MNNuoLife-SemiBold-400";
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  line-height: 100%;
  letter-spacing: 1.2px;
}
@media only screen and (max-width: 48em) {
  .nuo-section-blog-list .nuo-row-top .nuo-col-right .col-inner p span {
    display: block;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
  }
}
.nuo-section-blog-list .nuo-row-list-blog .post-item > .col-inner > .box .box-image {
  margin-bottom: 1rem;
  border-radius: 10px !important;
}
.nuo-section-blog-list .nuo-row-list-blog .post-item > .col-inner > .box .box-text {
  position: relative;
  padding: 8px;
}
.nuo-section-blog-list .nuo-row-list-blog .post-item > .col-inner > .box .box-text::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 32px;
  border: 1px solid black;
  border-bottom: 0;
  border-right: 0;
  border-top-left-radius: 10px;
}
.nuo-section-blog-list .nuo-row-list-blog .post-item > .col-inner > .box .box-text .cat-label {
  font-size: 16px;
  line-height: 1;
  padding-left: 48px;
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 29px;
  font-family: "FamiljenGrotesk-Medium", sans-serif;
  font-weight: 500;
  color: black;
  opacity: 1;
}
@media only screen and (max-width: 48em) {
  .nuo-section-blog-list .nuo-row-list-blog .post-item > .col-inner > .box .box-text .cat-label {
    margin-bottom: 1rem;
    padding-left: 38px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.14px;
    text-transform: uppercase;
  }
}
.nuo-section-blog-list .nuo-row-list-blog .post-item > .col-inner > .box .box-text .cat-label::after {
  content: ">";
  position: relative;
  top: 1px;
  font-family: "MNNuoLife-Book-330";
  font-weight: 330;
}
.nuo-section-blog-list .nuo-row-list-blog .post-item > .col-inner > .box .box-text .index {
  font-family: "MNNuoLife-SemiBold-400";
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  line-height: 100%;
  /* 12px */
  letter-spacing: 1.2px;
  position: absolute;
  top: 12px;
  left: 12px;
}
@media only screen and (max-width: 48em) {
  .nuo-section-blog-list .nuo-row-list-blog .post-item > .col-inner > .box .box-text .index {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    top: 14px;
  }
}
@media only screen and (max-width: 48em) {
  .nuo-section-blog-list .nuo-row-list-blog .post-item > .col-inner > .box .box-text .post-title {
    margin-left: -8px;
    margin-right: -8px;
    width: calc(100% + 16px);
  }
}
.nuo-section-blog-list .nuo-row-list-blog .post-item > .col-inner > .box .box-text .post-title a {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}
@media only screen and (min-width: 48em) {
  .nuo-section-blog-list .nuo-row-list-blog .post-item > .col-inner > .box .box-text .post-title a {
    font-family: "FamiljenGrotesk-Bold", sans-serif;
  }
}
@media only screen and (max-width: 48em) {
  .nuo-section-blog-list .nuo-row-list-blog .post-item > .col-inner > .box .box-text .post-title a {
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
  }
}
.nuo-section-blog-list .nuo-row-list-blog .post-item > .col-inner > .box .box-text .post-meta {
  color: black;
  position: relative;
  display: flex;
  gap: 4px;
  margin-bottom: 26px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media only screen and (max-width: 48em) {
  .nuo-section-blog-list .nuo-row-list-blog .post-item > .col-inner > .box .box-text .post-meta {
    margin-bottom: 1rem;
    margin-left: -8px;
    margin-right: -8px;
    width: calc(100% + 16px);
  }
}
.nuo-section-blog-list .nuo-row-list-blog .post-item > .col-inner > .box .box-text .post-meta::before {
  content: "[";
  display: block;
  position: relative;
  top: -1px;
}
.nuo-section-blog-list .nuo-row-list-blog .post-item > .col-inner > .box .box-text .post-meta::after {
  content: "]";
  display: block;
  position: relative;
  top: -1px;
}
.nuo-section-blog-list .nuo-row-list-blog .post-item > .col-inner > .box .box-text .is-divider {
  display: none;
}
.nuo-section-blog-list .nuo-row-list-blog .post-item > .col-inner > .box .box-text .from_the_blog_excerpt {
  color: #A2A2A2;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.2px;
}
@media only screen and (max-width: 48em) {
  .nuo-section-blog-list .nuo-row-list-blog .post-item > .col-inner > .box .box-text .from_the_blog_excerpt {
    margin-left: -8px;
    margin-right: -8px;
    width: calc(100% + 16px);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}

/* =========================== Detail LEARN ( Detail Blog) Page ======================== */
.single-post .nuo-section-blog-list {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.single-post .nuo-section-title .nuo-title {
  text-align: center;
  font-size: 55px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  text-transform: uppercase;
}
@media only screen and (min-width: 48em) {
  .single-post .nuo-section-title .nuo-title {
    font-family: "FamiljenGrotesk-Bold", sans-serif;
  }
}
@media only screen and (max-width: 48em) {
  .single-post .nuo-section-title .nuo-title {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 33px;
    letter-spacing: 0.32px;
    text-transform: uppercase;
  }
}
.single-post .nuo-section-title .nou-by {
  opacity: 0.7;
}
.single-post .nou-content-blog .section-content .nuo-top {
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}
.single-post .nou-content-blog .section-content .nuo-top .nuo-col-left .col-inner {
  display: flex;
  justify-content: flex-start;
  margin: 0;
  text-align: start;
}
.single-post .nou-content-blog .section-content .nuo-top .nuo-col-right .col-inner {
  display: flex;
  justify-content: flex-end;
  margin: 0;
  text-align: end;
}
.single-post .nou-content-blog .section-content .nuo-image-wrap .nuo-big-image {
  width: 100%;
  height: 80vh;
  object-fit: cover;
}
/* =========================== BUSINESS page ======================== */
.page-id-70 main .nuo-section-commitment .text-box-content .text-inner > h3 {
  font-family: "MNNuoLife-SemiBold-400";
  font-weight: 400;
}
.page-id-70 main .nuo-section-commitment .text-box-content .text-inner > .row > .col img {
  object-fit: contain;
}
.page-id-70 main .nuo-section-commitment .text-box-content .text-inner > .row > .col .nou-text {
  border: 1px solid white;
  border-bottom: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 8px 4px;
  text-transform: uppercase;
  line-height: 1.25;
}
.page-id-70 main .nuo-section-commitment .text-box-content .text-inner > .row > .col .nou-text p {
  margin: 0;
}

/* ======================== ACCOUNT ======================== */
/* Hide billing info section completely on profile page */
.page-id-330 [class*=billing-info],
.page-id-330 [class*=billing_info],
.page-id-330 .billing-info,
.woocommerce-account [class*=billing-info],
.woocommerce-account [class*=billing_info],
.woocommerce-account .billing-info,
.account-page [class*=billing-info],
.account-page [class*=billing_info],
.account-page .billing-info {
  display: none !important;
}

@media only screen and (max-width: 48em) {
  .nuo-nav-profile > .section-content .row {
    margin-bottom: 5px;
  }
}

/* Profile */
.page-id-330 .nuo-blog-slider-account .flickity-viewport .box-text-inner {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.page-id-330 .nuo-blog-slider-account .flickity-viewport .box-text-inner .index {
  display: none;
  position: relative;
  top: 2px;
  font-family: "MNNuoLife-Medium-370";
  font-weight: 370;
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.42px;
  text-transform: uppercase;
}
@media only screen and (max-width: 48em) {
  .page-id-330 .nuo-blog-slider-account .flickity-viewport .box-text-inner .index {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
  }
}
.page-id-330 .nuo-blog-slider-account .flickity-viewport .box-text-inner .post-title {
  flex: 1;
  text-align: left;
}
.page-id-330 .nuo-blog-slider-account .flickity-viewport .box-text-inner .post-title a {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
@media only screen and (min-width: 48em) {
  .page-id-330 .nuo-blog-slider-account .flickity-viewport .box-text-inner .post-title a {
    font-family: "FamiljenGrotesk-Bold", sans-serif;
  }
}
@media only screen and (max-width: 48em) {
  .page-id-330 .nuo-blog-slider-account .flickity-viewport .box-text-inner .post-title a {
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
  }
}
.page-id-330 .nuo-blog-slider-account .flickity-viewport .box-text-inner .is-divider,
.page-id-330 .nuo-blog-slider-account .flickity-viewport .box-text-inner .from_the_blog_excerpt {
  display: none;
}
@media only screen and (max-width: 48em) {
  .page-id-330 .nuo-section-content-tab-profile > .section-content > .row > .nuo-col-left {
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 48em) {
  .page-id-330 .nuo-section-content-tab-profile .nuo-col-left .nuo-avatar {
    display: flex;
    justify-content: center;
  }
}
.page-id-330 .nuo-section-content-tab-profile .nuo-col-left .nuo-avatar img {
  width: 100%;
  border-radius: 1rem;
}
@media only screen and (max-width: 48em) {
  .page-id-330 .nuo-section-content-tab-profile .nuo-col-left .nuo-avatar img {
    width: 154px;
  }
}
@media only screen and (max-width: 48em) {
  .page-id-330 .nuo-section-content-tab-profile .nuo-col-right .nuo-row-basic-info {
    /* margin-bottom: 64px; */
  }
}
@media only screen and (max-width: 48em) {
  .page-id-330 .nuo-section-content-tab-profile .nuo-col-right .nuo-row-basic-info > .col {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 48em) {
  .page-id-330 .nuo-section-content-tab-profile .nuo-col-right .nuo-row-basic-info > .col > .col-inner {
    margin: 0;
  }
}
@media only screen and (max-width: 48em) {
  .page-id-330 .nuo-section-content-tab-profile .nuo-col-right .nuo-row-basic-info .nuo-row-name {
    margin-bottom: 12px;
  }
}
.page-id-330 .nuo-section-content-tab-profile .nuo-col-right .nuo-row-basic-info .nuo-row-name .col-inner {
  display: flex;
  gap: 4px;
  font-size: 48px;
  font-weight: bold;
  /* @include responsiveMin($mobile-breakpoint) {
    font-family: $FamiljenGrotesk-Bold;
  } */
}
@media only screen and (max-width: 48em) {
  .page-id-330 .nuo-section-content-tab-profile .nuo-col-right .nuo-row-basic-info .nuo-row-name .col-inner {
    justify-content: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
  }
}
.page-id-330 .nuo-section-content-tab-profile .nuo-col-right .nuo-row-basic-info .nuo-row-name .col-inner p {
  margin: 0;
  padding: 0;
}
.page-id-330 .nuo-section-content-tab-profile .nuo-col-right .nuo-row-basic-info .nuo-row-date .col-inner {
  font-size: 24px;
  color: #A2A2A2;
}
@media only screen and (max-width: 48em) {
  .page-id-330 .nuo-section-content-tab-profile .nuo-col-right .nuo-row-basic-info .nuo-row-date .col-inner {
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
  }
}
.page-id-330 .nuo-section-content-tab-profile .nuo-col-right .nuo-row-info .nuo-col-shipping,
.page-id-330 .nuo-section-content-tab-profile .nuo-col-right .nuo-row-info .nuo-col-personal-info,
.page-id-330 .nuo-section-content-tab-profile .nuo-col-right .nuo-row-info .nuo-col-bill-address {
  max-width: 536px;
}
@media only screen and (max-width: 48em) {
  .page-id-330 .nuo-section-content-tab-profile .nuo-col-right .nuo-row-info .nuo-col-shipping,
  .page-id-330 .nuo-section-content-tab-profile .nuo-col-right .nuo-row-info .nuo-col-personal-info,
  .page-id-330 .nuo-section-content-tab-profile .nuo-col-right .nuo-row-info .nuo-col-bill-address {
    padding-bottom: 24px;
  }
}
.page-id-330 .nuo-section-content-tab-profile .nuo-col-right .nuo-row-info .nuo-col-shipping .col-inner,
.page-id-330 .nuo-section-content-tab-profile .nuo-col-right .nuo-row-info .nuo-col-personal-info .col-inner,
.page-id-330 .nuo-section-content-tab-profile .nuo-col-right .nuo-row-info .nuo-col-bill-address .col-inner {
  padding: 2rem;
  border: 1px solid #A2A2A2;
  border-radius: 10px;
  height: 100%;
}
.page-id-330 .nuo-section-content-tab-profile .nuo-col-right .nuo-row-info .nuo-col-shipping .col-inner > h2,
.page-id-330 .nuo-section-content-tab-profile .nuo-col-right .nuo-row-info .nuo-col-personal-info .col-inner > h2,
.page-id-330 .nuo-section-content-tab-profile .nuo-col-right .nuo-row-info .nuo-col-bill-address .col-inner > h2 {
  margin-bottom: 40px;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.18px;
  text-transform: uppercase;
}
@media only screen and (max-width: 48em) {
  .page-id-330 .nuo-section-content-tab-profile .nuo-col-right .nuo-row-info .nuo-col-shipping .col-inner > h2,
  .page-id-330 .nuo-section-content-tab-profile .nuo-col-right .nuo-row-info .nuo-col-personal-info .col-inner > h2,
  .page-id-330 .nuo-section-content-tab-profile .nuo-col-right .nuo-row-info .nuo-col-bill-address .col-inner > h2 {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.16px;
    margin-bottom: 30px;
  }
}
.page-id-330 .nuo-section-content-tab-profile .nuo-col-right .nuo-row-info .nuo-col-shipping .col-inner > div,
.page-id-330 .nuo-section-content-tab-profile .nuo-col-right .nuo-row-info .nuo-col-personal-info .col-inner > div,
.page-id-330 .nuo-section-content-tab-profile .nuo-col-right .nuo-row-info .nuo-col-bill-address .col-inner > div {
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media only screen and (max-width: 48em) {
  .page-id-330 .nuo-section-content-tab-profile .nuo-col-right .nuo-row-info .nuo-col-shipping .col-inner > div,
  .page-id-330 .nuo-section-content-tab-profile .nuo-col-right .nuo-row-info .nuo-col-personal-info .col-inner > div,
  .page-id-330 .nuo-section-content-tab-profile .nuo-col-right .nuo-row-info .nuo-col-bill-address .col-inner > div {
    gap: 15px;
  }
}
.page-id-330 .nuo-section-content-tab-profile .nuo-col-right .nuo-row-info .nuo-col-shipping .col-inner > div > div,
.page-id-330 .nuo-section-content-tab-profile .nuo-col-right .nuo-row-info .nuo-col-personal-info .col-inner > div > div,
.page-id-330 .nuo-section-content-tab-profile .nuo-col-right .nuo-row-info .nuo-col-bill-address .col-inner > div > div {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media only screen and (max-width: 48em) {
  .page-id-330 .nuo-section-content-tab-profile .nuo-col-right .nuo-row-info .nuo-col-shipping .col-inner > div > div,
  .page-id-330 .nuo-section-content-tab-profile .nuo-col-right .nuo-row-info .nuo-col-personal-info .col-inner > div > div,
  .page-id-330 .nuo-section-content-tab-profile .nuo-col-right .nuo-row-info .nuo-col-bill-address .col-inner > div > div {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
  }
}
/* Order */
.page-id-1116 .woocommerce-pagination {
  padding-left: 48px;
  padding-right: 48px;
}
@media only screen and (max-width: 48em) {
  .page-id-1116 .woocommerce-pagination {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.page-id-1116 .touch-scroll-table {
  box-shadow: none;
  padding-left: 48px;
  padding-right: 48px;
}
@media only screen and (max-width: 48em) {
  .page-id-1116 .touch-scroll-table {
    box-shadow: none;
    padding-left: 24px;
    padding-right: 24px;
    width: 100%;
    margin: 0;
  }
}
.page-id-1116 .nuo-account-orders {
  /* menu */
}
.page-id-1116 .nuo-account-orders .my-orders {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  padding-left: 48px;
  padding-right: 48px;
}
@media only screen and (max-width: 48em) {
  .page-id-1116 .nuo-account-orders .my-orders {
    flex-direction: column;
    justify-content: center;
    margin-bottom: 40px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
.page-id-1116 .nuo-account-orders .my-orders > p {
  display: block;
  flex: 1;
  margin: 0;
  font-size: 2rem;
}
@media only screen and (max-width: 48em) {
  .page-id-1116 .nuo-account-orders .my-orders > p {
    text-align: center;
    margin-bottom: 1rem;
  }
}
.page-id-1116 .nuo-account-orders .my-orders .searchform {
  margin: 0;
  max-width: 600px;
  width: 100%;
}
.page-id-1116 .nuo-account-orders .my-orders .searchform .submit-button {
  border: 0 !important;
  box-shadow: none !important;
  width: 32px;
  height: 32px;
  padding: 0px;
  background-color: transparent;
  background-image: url("https://nuoforlife.com/wp-content/uploads/2024/12/icon-search-black.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.page-id-1116 .nuo-account-orders .my-orders .searchform .submit-button::after, .page-id-1116 .nuo-account-orders .my-orders .searchform .submit-button::before {
  display: none;
}
.page-id-1116 .nuo-account-orders .my-orders .searchform .submit-button i {
  display: none;
}
.page-id-1116 .nuo-account-orders .my-orders .searchform input {
  border: 0 !important;
  box-shadow: none;
  background-color: transparent !important;
}
.page-id-1116 .nuo-account-orders .my-orders .searchform .flex-row {
  border: 1px solid black;
  border-radius: 10px;
  overflow: hidden;
}
.page-id-1116 .nuo-account-orders > p {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 8px 16px;
  margin-bottom: 2rem;
  margin-left: 48px;
  margin-right: 48px;
}
@media only screen and (max-width: 48em) {
  .page-id-1116 .nuo-account-orders > p {
    padding: 8px;
    margin-bottom: 24px;
    margin-left: 16px;
    margin-right: 16px;
  }
}
.page-id-1116 .nuo-account-orders > p::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  min-height: 48px;
  height: 100%;
  border: 1px solid black;
  border-bottom: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.page-id-1116 .nuo-account-orders > p span {
  display: none;
}
.page-id-1116 .nuo-account-orders > p a,
.page-id-1116 .nuo-account-orders > p b {
  position: relative;
  color: black;
  opacity: 0.5;
  display: flex;
  z-index: 2;
  text-transform: uppercase;
  font-family: "FamiljenGrotesk-Medium", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.16px;
  padding: 4px;
  text-decoration: none;
}
@media only screen and (max-width: 48em) {
  .page-id-1116 .nuo-account-orders > p a,
  .page-id-1116 .nuo-account-orders > p b {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.14px;
  }
}
.page-id-1116 .nuo-account-orders > p a::before,
.page-id-1116 .nuo-account-orders > p b::before {
  opacity: 0;
  content: "[";
  display: block;
  position: relative;
  top: -1px;
  transition: all 0.3s ease;
}
.page-id-1116 .nuo-account-orders > p a::after,
.page-id-1116 .nuo-account-orders > p b::after {
  opacity: 0;
  content: "]";
  display: block;
  position: relative;
  top: -1px;
  transition: all 0.3s ease;
}
.page-id-1116 .nuo-account-orders > p a:hover,
.page-id-1116 .nuo-account-orders > p b:hover {
  opacity: 1;
}
.page-id-1116 .nuo-account-orders > p a:hover::before,
.page-id-1116 .nuo-account-orders > p b:hover::before {
  opacity: 1;
}
.page-id-1116 .nuo-account-orders > p a:hover::after,
.page-id-1116 .nuo-account-orders > p b:hover::after {
  opacity: 1;
}
.page-id-1116 .nuo-account-orders > p b {
  opacity: 1;
  font-weight: 400;
}
.page-id-1116 .nuo-account-orders > p b::before {
  opacity: 1;
}
.page-id-1116 .nuo-account-orders > p b::after {
  opacity: 1;
}
.page-id-1116 .nuo-account-orders table {
  margin: 0;
}
.page-id-1116 .nuo-account-orders table thead {
  display: none;
}
.page-id-1116 .nuo-account-orders table tbody tr {
  display: block;
  padding-bottom: 1rem;
  width: 100%;
}
.page-id-1116 .nuo-account-orders table tbody tr td {
  width: 100%;
  display: block;
  border: 1px solid #A2A2A2;
  border-radius: 10px;
  padding: 1rem;
  text-align: left;
  font-size: 1rem;
}
@media only screen and (max-width: 48em) {
  .page-id-1116 .nuo-account-orders table tbody tr td {
    padding: 24px 1rem;
  }
}
.page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .header,
.page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .nuo-header-product {
  display: flex;
  align-items: center;
  border-bottom: 1px dashed #A2A2A2;
  padding-bottom: 1rem;
  color: black;
}
.page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .header > .nuo-left, .page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .header > .nuo-right,
.page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .nuo-header-product > .nuo-left,
.page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .nuo-header-product > .nuo-right {
  display: flex;
}
.page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .header > .nuo-left,
.page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .nuo-header-product > .nuo-left {
  flex: 1;
}
.page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .header > .nuo-left button,
.page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .nuo-header-product > .nuo-left button {
  display: block;
  margin: 0;
  position: relative;
  border: 0px;
  border: 1px solid #369E84;
  border-radius: 8px;
  color: #369E84;
  height: 32px;
  text-transform: uppercase;
  padding: 0 10px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.16px;
}
@media only screen and (max-width: 48em) {
  .page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .header > .nuo-left button,
  .page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .nuo-header-product > .nuo-left button {
    height: 32px;
    min-height: auto;
    line-height: 1;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.14px;
  }
}
.page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .header > .nuo-right > span,
.page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .nuo-header-product > .nuo-right > span {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.16px;
}
@media only screen and (max-width: 48em) {
  .page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .header > .nuo-right > span,
  .page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .nuo-header-product > .nuo-right > span {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    /* 128.571% */
    letter-spacing: 0.14px;
  }
}
.page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .header > .nuo-right > span::before,
.page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .nuo-header-product > .nuo-right > span::before {
  content: "[";
}
.page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .header > .nuo-right > span::after,
.page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .nuo-header-product > .nuo-right > span::after {
  content: "]";
}
.page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .nuo-products-order {
  padding: 1rem 0px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .nuo-products-order > .nuo-item > .nuo-content {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .nuo-products-order > .nuo-item > .nuo-content > .nuo-left {
  width: 100px;
}
@media only screen and (max-width: 48em) {
  .page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .nuo-products-order > .nuo-item > .nuo-content > .nuo-left {
    width: 90px;
  }
}
.page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .nuo-products-order > .nuo-item > .nuo-content > .nuo-left img {
  width: 100%;
  border-radius: 8px;
}
.page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .nuo-products-order > .nuo-item > .nuo-content > .nuo-right {
  flex: 1;
}
.page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .nuo-products-order > .nuo-item > .nuo-content > .nuo-right .nuo-info {
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.2px;
}
@media only screen and (min-width: 48em) {
  .page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .nuo-products-order > .nuo-item > .nuo-content > .nuo-right .nuo-info {
    font-family: "FamiljenGrotesk-Bold", sans-serif;
  }
}
@media only screen and (max-width: 48em) {
  .page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .nuo-products-order > .nuo-item > .nuo-content > .nuo-right .nuo-info {
    font-size: 14px;
  }
}
.page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .nuo-products-order > .nuo-item > .nuo-content > .nuo-right .nuo-info .nuo-name {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.2px;
}
@media only screen and (min-width: 48em) {
  .page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .nuo-products-order > .nuo-item > .nuo-content > .nuo-right .nuo-info .nuo-name {
    font-family: "FamiljenGrotesk-Bold", sans-serif;
  }
}
@media only screen and (max-width: 48em) {
  .page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .nuo-products-order > .nuo-item > .nuo-content > .nuo-right .nuo-info .nuo-name {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0.16px;
  }
}
.page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .nuo-products-order > .nuo-item > .nuo-content > .nuo-right .nuo-info .nuo-x {
  display: none;
}
.page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .nuo-products-order > .nuo-item > .nuo-content > .nuo-right .nuo-price {
  font-size: 20px;
  display: flex;
}
@media only screen and (max-width: 48em) {
  .page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .nuo-products-order > .nuo-item > .nuo-content > .nuo-right .nuo-price {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.14px;
  }
}
.page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .nuo-products-order > .nuo-item > .nuo-content > .nuo-right .nuo-price .nuo-1 {
  flex: 1;
}
.page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .nuo-products-order > .nuo-item > .nuo-content > .nuo-right .nuo-price .nuo-2 bdi {
  font-size: 20px;
  font-weight: 300;
}
@media only screen and (max-width: 48em) {
  .page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .nuo-products-order > .nuo-item > .nuo-content > .nuo-right .nuo-price .nuo-2 bdi {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.14px;
  }
}
.page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .nuo-total-price {
  border-top: 1px dashed #A2A2A2;
  padding-top: 1rem;
  display: flex;
  align-items: center;
}
.page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .nuo-total-price > .nuo-1 {
  flex: 1;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.2px;
  color: black;
}
@media only screen and (max-width: 48em) {
  .page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .nuo-total-price > .nuo-1 {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}
.page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .nuo-total-price > .nuo-2 {
  /* font-size: 24px; */
  /* font-weight: bold; */
}
.page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .nuo-total-price > .nuo-2 .amount {
  font-size: 25px;
  font-style: normal;
  font-family: "FamiljenGrotesk-Medium", sans-serif;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.25px;
}
@media only screen and (max-width: 48em) {
  .page-id-1116 .nuo-account-orders table tbody tr td .order-details > a .nuo-total-price > .nuo-2 .amount {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.16px;
  }
}
.page-id-1116 .nuo-account-orders .woocommerce-button--next {
  border-radius: 10px;
}

/* =========================== ACCOUNT PAGE ======================== */
.woocommerce-account .nuo-auth .nuo-form-login > p,
.woocommerce-account .nuo-auth .nuo-form-register > p {
  display: block;
  margin: 0;
}
.woocommerce-account .nuo-auth .nuo-form-login .form-row-first,
.woocommerce-account .nuo-auth .nuo-form-login .form-row-last,
.woocommerce-account .nuo-auth .nuo-form-register .form-row-first,
.woocommerce-account .nuo-auth .nuo-form-register .form-row-last {
  width: 100%;
}
.woocommerce-account .nuo-forgot-password {
  text-align: center;
}
.woocommerce-account .nuo-forgot-password a {
  color: #000000;
}

.woocommerce-account .my-account > .container > .row,
.page-id-11 .my-account > .container > .row {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
}
.woocommerce-account .my-account > .container > .row > .col:nth-child(1),
.page-id-11 .my-account > .container > .row > .col:nth-child(1) {
  display: none;
}
.woocommerce-account .my-account > .container > .row > .col:nth-child(2),
.page-id-11 .my-account > .container > .row > .col:nth-child(2) {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-basis: auto;
  max-width: none;
  padding: 0;
}
.woocommerce-account .my-account > .container > .row > .col:nth-child(2) .woocommerce,
.page-id-11 .my-account > .container > .row > .col:nth-child(2) .woocommerce {
  width: 100%;
}
.woocommerce-account .my-account .woocommerce-MyAccount-content h2,
.page-id-11 .my-account .woocommerce-MyAccount-content h2 {
  position: relative;
  display: block;
  text-align: center;
}
.woocommerce-account .my-account .woocommerce-MyAccount-content h2::before,
.page-id-11 .my-account .woocommerce-MyAccount-content h2::before {
  content: "" !important;
  display: block;
  position: relative;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 48px;
  border: 1px solid black;
  border-bottom: 0px !important;
  border-radius: 10px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  transition: all 0.3s ease;
}
.woocommerce-account .woocommerce-Addresses,
.woocommerce-account .woocommerce-columns--addresses,
.page-id-11 .woocommerce-Addresses,
.page-id-11 .woocommerce-columns--addresses {
  display: flex;
}
@media only screen and (max-width: 48em) {
  .woocommerce-account .woocommerce-Addresses,
  .woocommerce-account .woocommerce-columns--addresses,
  .page-id-11 .woocommerce-Addresses,
  .page-id-11 .woocommerce-columns--addresses {
    flex-direction: column;
  }
}
.woocommerce-account .woocommerce-Addresses .col-1,
.woocommerce-account .woocommerce-Addresses .col-2,
.woocommerce-account .woocommerce-columns--addresses .col-1,
.woocommerce-account .woocommerce-columns--addresses .col-2,
.page-id-11 .woocommerce-Addresses .col-1,
.page-id-11 .woocommerce-Addresses .col-2,
.page-id-11 .woocommerce-columns--addresses .col-1,
.page-id-11 .woocommerce-columns--addresses .col-2 {
  flex: 1;
}
.woocommerce-account .thmaf-my-acnt .thmaf-acnt-cus-addr .th-head h3,
.page-id-11 .thmaf-my-acnt .thmaf-acnt-cus-addr .th-head h3 {
  border: 0;
}
.woocommerce-account .thmaf-my-acnt .thmaf-acnt-cus-addr .thmaf-thslider .thmaf-thslider-box,
.page-id-11 .thmaf-my-acnt .thmaf-acnt-cus-addr .thmaf-thslider .thmaf-thslider-box {
  width: 100%;
  max-width: none;
  padding: 0;
}
.woocommerce-account .thmaf-my-acnt .thmaf-acnt-cus-addr .thmaf-thslider .thmaf-thslider-box .thmaf-thslider-viewport .thmaf-thslider-list,
.page-id-11 .thmaf-my-acnt .thmaf-acnt-cus-addr .thmaf-thslider .thmaf-thslider-box .thmaf-thslider-viewport .thmaf-thslider-list {
  width: 100% !important;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.woocommerce-account .thmaf-my-acnt .thmaf-acnt-cus-addr .thmaf-thslider .thmaf-thslider-box .thmaf-thslider-viewport .thmaf-thslider-list .thmaf-thslider-item,
.page-id-11 .thmaf-my-acnt .thmaf-acnt-cus-addr .thmaf-thslider .thmaf-thslider-box .thmaf-thslider-viewport .thmaf-thslider-list .thmaf-thslider-item {
  width: calc(50% - 8px);
  min-width: 280px;
  float: none;
  display: block;
  max-width: none;
  margin: 0;
  border-radius: 10px;
  border-color: black;
}
@media only screen and (max-width: 48em) {
  .woocommerce-account .thmaf-my-acnt .thmaf-acnt-cus-addr .thmaf-thslider .thmaf-thslider-box .thmaf-thslider-viewport .thmaf-thslider-list .thmaf-thslider-item,
  .page-id-11 .thmaf-my-acnt .thmaf-acnt-cus-addr .thmaf-thslider .thmaf-thslider-box .thmaf-thslider-viewport .thmaf-thslider-list .thmaf-thslider-item {
    width: 100%;
  }
}
.woocommerce-account .thmaf-my-acnt .thmaf-acnt-cus-addr .thmaf-thslider .thmaf-thslider-box .thmaf-thslider-viewport .thmaf-thslider-list .thmaf-thslider-item .thmaf-adr-box .thmaf-main-content,
.page-id-11 .thmaf-my-acnt .thmaf-acnt-cus-addr .thmaf-thslider .thmaf-thslider-box .thmaf-thslider-viewport .thmaf-thslider-list .thmaf-thslider-item .thmaf-adr-box .thmaf-main-content {
  padding: 0;
}
.woocommerce-account .thmaf-my-acnt .thmaf-acnt-cus-addr .thmaf-thslider .thmaf-thslider-box .thmaf-thslider-viewport .thmaf-thslider-list .thmaf-thslider-item .thmaf-adr-box .thmaf-main-content .complete-aaddress,
.page-id-11 .thmaf-my-acnt .thmaf-acnt-cus-addr .thmaf-thslider .thmaf-thslider-box .thmaf-thslider-viewport .thmaf-thslider-list .thmaf-thslider-item .thmaf-adr-box .thmaf-main-content .complete-aaddress {
  min-height: auto;
}
.woocommerce-account .thmaf-my-acnt .thmaf-acnt-cus-addr .thmaf-thslider .thmaf-thslider-box .thmaf-thslider-viewport .thmaf-thslider-list .thmaf-thslider-item .thmaf-adr-box .thmaf-main-content .complete-aaddress .acnt-adrr-text,
.page-id-11 .thmaf-my-acnt .thmaf-acnt-cus-addr .thmaf-thslider .thmaf-thslider-box .thmaf-thslider-viewport .thmaf-thslider-list .thmaf-thslider-item .thmaf-adr-box .thmaf-main-content .complete-aaddress .acnt-adrr-text {
  font-size: 1rem;
}
.woocommerce-account .thmaf-my-acnt .thmaf-acnt-cus-addr .thmaf-thslider .thmaf-thslider-box .thmaf-thslider-viewport .thmaf-thslider-list .thmaf-thslider-item .thmaf-adr-box .thmaf-main-content .btn-continue,
.woocommerce-account .thmaf-my-acnt .thmaf-acnt-cus-addr .thmaf-thslider .thmaf-thslider-box .thmaf-thslider-viewport .thmaf-thslider-list .thmaf-thslider-item .thmaf-adr-box .thmaf-main-content .address-wrapper,
.page-id-11 .thmaf-my-acnt .thmaf-acnt-cus-addr .thmaf-thslider .thmaf-thslider-box .thmaf-thslider-viewport .thmaf-thslider-list .thmaf-thslider-item .thmaf-adr-box .thmaf-main-content .btn-continue,
.page-id-11 .thmaf-my-acnt .thmaf-acnt-cus-addr .thmaf-thslider .thmaf-thslider-box .thmaf-thslider-viewport .thmaf-thslider-list .thmaf-thslider-item .thmaf-adr-box .thmaf-main-content .address-wrapper {
  padding: 1rem;
  height: auto;
}
.woocommerce-account .thmaf-my-acnt .thmaf-acnt-cus-addr .thmaf-thslider .thmaf-thslider-box .thmaf-thslider-viewport .thmaf-thslider-list .thmaf-thslider-item .thmaf-adr-box .thmaf-main-content .btn-continue form,
.woocommerce-account .thmaf-my-acnt .thmaf-acnt-cus-addr .thmaf-thslider .thmaf-thslider-box .thmaf-thslider-viewport .thmaf-thslider-list .thmaf-thslider-item .thmaf-adr-box .thmaf-main-content .address-wrapper form,
.page-id-11 .thmaf-my-acnt .thmaf-acnt-cus-addr .thmaf-thslider .thmaf-thslider-box .thmaf-thslider-viewport .thmaf-thslider-list .thmaf-thslider-item .thmaf-adr-box .thmaf-main-content .btn-continue form,
.page-id-11 .thmaf-my-acnt .thmaf-acnt-cus-addr .thmaf-thslider .thmaf-thslider-box .thmaf-thslider-viewport .thmaf-thslider-list .thmaf-thslider-item .thmaf-adr-box .thmaf-main-content .address-wrapper form {
  margin: 0;
}
.woocommerce-account .thmaf-my-acnt .thmaf-acnt-cus-addr .thmaf-thslider .thmaf-thslider-box .thmaf-thslider-viewport .thmaf-thslider-list .thmaf-thslider-item .thmaf-adr-box .thmaf-acnt-adr-footer,
.woocommerce-account .thmaf-my-acnt .thmaf-acnt-cus-addr .thmaf-thslider .thmaf-thslider-box .thmaf-thslider-viewport .thmaf-thslider-list .thmaf-thslider-item .thmaf-adr-box .acnt-address-footer,
.page-id-11 .thmaf-my-acnt .thmaf-acnt-cus-addr .thmaf-thslider .thmaf-thslider-box .thmaf-thslider-viewport .thmaf-thslider-list .thmaf-thslider-item .thmaf-adr-box .thmaf-acnt-adr-footer,
.page-id-11 .thmaf-my-acnt .thmaf-acnt-cus-addr .thmaf-thslider .thmaf-thslider-box .thmaf-thslider-viewport .thmaf-thslider-list .thmaf-thslider-item .thmaf-adr-box .acnt-address-footer {
  padding: 1rem;
  height: auto;
}
.woocommerce-account .thmaf-my-acnt .thmaf-acnt-cus-addr .thmaf-thslider .thmaf-thslider-box .thmaf-thslider-viewport .thmaf-thslider-list .thmaf-thslider-item .thmaf-adr-box .thmaf-acnt-adr-footer form,
.woocommerce-account .thmaf-my-acnt .thmaf-acnt-cus-addr .thmaf-thslider .thmaf-thslider-box .thmaf-thslider-viewport .thmaf-thslider-list .thmaf-thslider-item .thmaf-adr-box .acnt-address-footer form,
.page-id-11 .thmaf-my-acnt .thmaf-acnt-cus-addr .thmaf-thslider .thmaf-thslider-box .thmaf-thslider-viewport .thmaf-thslider-list .thmaf-thslider-item .thmaf-adr-box .thmaf-acnt-adr-footer form,
.page-id-11 .thmaf-my-acnt .thmaf-acnt-cus-addr .thmaf-thslider .thmaf-thslider-box .thmaf-thslider-viewport .thmaf-thslider-list .thmaf-thslider-item .thmaf-adr-box .acnt-address-footer form {
  margin: 0;
}
.woocommerce-account .thmaf-my-acnt .thmaf-acnt-cus-addr .thmaf-thslider .thmaf-thslider-box .thmaf-thslider-viewport .thmaf-thslider-list .thmaf-thslider-item .thmaf-adr-box .thmaf-acnt-adr-footer .thmaf-del-acnt,
.woocommerce-account .thmaf-my-acnt .thmaf-acnt-cus-addr .thmaf-thslider .thmaf-thslider-box .thmaf-thslider-viewport .thmaf-thslider-list .thmaf-thslider-item .thmaf-adr-box .thmaf-acnt-adr-footer .th-del-acnt,
.woocommerce-account .thmaf-my-acnt .thmaf-acnt-cus-addr .thmaf-thslider .thmaf-thslider-box .thmaf-thslider-viewport .thmaf-thslider-list .thmaf-thslider-item .thmaf-adr-box .acnt-address-footer .thmaf-del-acnt,
.woocommerce-account .thmaf-my-acnt .thmaf-acnt-cus-addr .thmaf-thslider .thmaf-thslider-box .thmaf-thslider-viewport .thmaf-thslider-list .thmaf-thslider-item .thmaf-adr-box .acnt-address-footer .th-del-acnt,
.page-id-11 .thmaf-my-acnt .thmaf-acnt-cus-addr .thmaf-thslider .thmaf-thslider-box .thmaf-thslider-viewport .thmaf-thslider-list .thmaf-thslider-item .thmaf-adr-box .thmaf-acnt-adr-footer .thmaf-del-acnt,
.page-id-11 .thmaf-my-acnt .thmaf-acnt-cus-addr .thmaf-thslider .thmaf-thslider-box .thmaf-thslider-viewport .thmaf-thslider-list .thmaf-thslider-item .thmaf-adr-box .thmaf-acnt-adr-footer .th-del-acnt,
.page-id-11 .thmaf-my-acnt .thmaf-acnt-cus-addr .thmaf-thslider .thmaf-thslider-box .thmaf-thslider-viewport .thmaf-thslider-list .thmaf-thslider-item .thmaf-adr-box .acnt-address-footer .thmaf-del-acnt,
.page-id-11 .thmaf-my-acnt .thmaf-acnt-cus-addr .thmaf-thslider .thmaf-thslider-box .thmaf-thslider-viewport .thmaf-thslider-list .thmaf-thslider-item .thmaf-adr-box .acnt-address-footer .th-del-acnt {
  border-color: black !important;
  color: black !important;
}

.my-account-header {
  border: 0px;
  background-color: white;
}
.my-account-header .page-title-inner {
  display: none;
}

.nuo-nav-profile {
  padding-top: 140px !important;
}
@media only screen and (max-width: 48em) {
  .nuo-nav-profile {
    padding-top: 120px !important;
  }
}

/* =========================== AFFILIATE (Khong Style duoc) ======================== */
/* =========================== CART POPUP ======================== */
.off-canvas-cart {
  color: black;
}
@media only screen and (max-width: 48em) {
  .off-canvas-cart .cart-popup .cart-popup-inner {
    padding-bottom: 80px;
  }
}

.nuo-delivery {
  background-color: black;
  display: flex;
  padding: 16px;
  border-radius: 15px;
}
.nuo-delivery .border-left {
  border-left: 1px solid white;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  width: 19px;
}
.nuo-delivery .border-right {
  border-right: 1px solid white;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  width: 19px;
}
.nuo-delivery .content {
  flex: 1;
  color: white;
  text-align: center;
}
.nuo-delivery .content h1,
.nuo-delivery .content h2,
.nuo-delivery .content h3,
.nuo-delivery .content h4,
.nuo-delivery .content h5,
.nuo-delivery .content h6 {
  color: white;
}

/* Add this to your theme's style.css or create a separate CSS file */
/* Cart Page Styles */
.custom-cart .nuo-delivery {
  border-radius: 8px;
  padding: 16px;
  position: relative;
}

.custom-cart .nuo-delivery .border-left {
  left: 0;
}

.custom-cart .nuo-delivery .border-right {
  right: 0;
}

.custom-cart .product-remove a {
  color: #6c757d;
  font-size: 24px;
  font-weight: bold;
  text-decoration: none;
}

.custom-cart .product-remove a:hover {
  opacity: 0.8;
}

.custom-cart .nuo-quantity input[type=number] {
  width: 80px;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 8px;
}

/* Checkout Page Styles */
.custom-checkout .woocommerce-billing-fields,
.custom-checkout .woocommerce-shipping-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.custom-checkout .form-row-wide {
  grid-column: 1/-1;
}

.custom-checkout .checkout-item {
  padding: 12px 0;
  border-bottom: 1px solid #eee;
}

.custom-checkout .checkout-item:last-child {
  border-bottom: none;
}

.custom-checkout .item-image img {
  width: 60px;
  height: 60px;
  border-radius: 8px;
  object-fit: cover;
}

.custom-checkout .wc_payment_methods {
  list-style: none;
  padding: 0;
}

.custom-checkout .wc_payment_method {
  margin-bottom: 12px;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 8px;
}

.custom-checkout .wc_payment_method input[type=radio] {
  margin-right: 8px;
}

.custom-checkout #place_order {
  width: 100%;
  padding: 16px;
  font-size: 16px;
  font-weight: bold;
  background: #007cba;
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.custom-checkout #place_order:hover {
  background: #005a87;
}

/* Responsive Design */
@media (max-width: 768px) {
  .DAT__cart-woocommerce-01,
  .DAT__checkout-woocommerce-01 {
    flex-direction: column;
  }
  .custom-checkout .woocommerce-billing-fields,
  .custom-checkout .woocommerce-shipping-fields {
    grid-template-columns: 1fr;
  }
  .nuo-flex-row-desktop {
    flex-direction: column;
  }
}
.affwp-modern {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
  counter-reset: section;
}
.affwp-modern .affwp-section {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  margin-bottom: 20px;
  padding: 25px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  position: relative;
}
.affwp-modern .affwp-section .section-number {
  position: absolute;
  top: -15px;
  left: 25px;
  background: #007cba;
  color: white;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  z-index: 1;
}
.affwp-modern .affwp-section .section-title {
  margin: 0 0 20px 0;
  font-size: 18px;
  font-weight: 600;
  color: #333;
  padding-left: 15px;
}
.affwp-modern .affwp-section h3 {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 600;
  color: #333;
  position: relative;
}
.affwp-modern .affwp-section h3::before {
  content: counter(section);
  counter-increment: section;
  background: #007cba;
  color: white;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  left: -45px;
}
.affwp-modern .affwp-section .affwp-field-full,
.affwp-modern .affwp-section .affwp-field-row {
  margin-bottom: 20px;
}
.affwp-modern .affwp-section .affwp-field-full:last-child,
.affwp-modern .affwp-section .affwp-field-row:last-child {
  margin-bottom: 0;
}
.affwp-modern .affwp-section .affwp-field-row {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.affwp-modern .affwp-section .affwp-field-row .affwp-field {
  flex: 1;
  min-width: 200px;
}
.affwp-modern .affwp-section .affwp-field-full label,
.affwp-modern .affwp-section .affwp-field label {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
  color: #333;
  font-size: 14px;
}
.affwp-modern .affwp-section .affwp-field-full label .required,
.affwp-modern .affwp-section .affwp-field label .required {
  color: #e74c3c;
  margin-left: 3px;
}
.affwp-modern .affwp-section .affwp-field-full .field-hint,
.affwp-modern .affwp-section .affwp-field .field-hint {
  margin-top: 5px;
  font-size: 12px;
  color: #666;
  display: flex;
  align-items: flex-start;
}
.affwp-modern .affwp-section .affwp-field-full .field-hint .info-icon,
.affwp-modern .affwp-section .affwp-field .field-hint .info-icon {
  background: #3498db;
  color: white;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: bold;
  margin-right: 6px;
  flex-shrink: 0;
  margin-top: 1px;
}
.affwp-modern .affwp-section .affwp-field-full input[type=text],
.affwp-modern .affwp-section .affwp-field-full input[type=email],
.affwp-modern .affwp-section .affwp-field-full input[type=password],
.affwp-modern .affwp-section .affwp-field-full input[type=date],
.affwp-modern .affwp-section .affwp-field-full input[type=tel],
.affwp-modern .affwp-section .affwp-field-full select,
.affwp-modern .affwp-section .affwp-field-full textarea,
.affwp-modern .affwp-section .affwp-field input[type=text],
.affwp-modern .affwp-section .affwp-field input[type=email],
.affwp-modern .affwp-section .affwp-field input[type=password],
.affwp-modern .affwp-section .affwp-field input[type=date],
.affwp-modern .affwp-section .affwp-field input[type=tel],
.affwp-modern .affwp-section .affwp-field select,
.affwp-modern .affwp-section .affwp-field textarea {
  width: 100%;
  padding: 12px 15px;
  border: 2px solid #e0e0e0;
  border-radius: 6px;
  font-size: 14px;
  transition: all 0.3s ease;
  box-sizing: border-box;
  font-family: inherit;
}
.affwp-modern .affwp-section .affwp-field-full input[type=text]:focus,
.affwp-modern .affwp-section .affwp-field-full input[type=email]:focus,
.affwp-modern .affwp-section .affwp-field-full input[type=password]:focus,
.affwp-modern .affwp-section .affwp-field-full input[type=date]:focus,
.affwp-modern .affwp-section .affwp-field-full input[type=tel]:focus,
.affwp-modern .affwp-section .affwp-field-full select:focus,
.affwp-modern .affwp-section .affwp-field-full textarea:focus,
.affwp-modern .affwp-section .affwp-field input[type=text]:focus,
.affwp-modern .affwp-section .affwp-field input[type=email]:focus,
.affwp-modern .affwp-section .affwp-field input[type=password]:focus,
.affwp-modern .affwp-section .affwp-field input[type=date]:focus,
.affwp-modern .affwp-section .affwp-field input[type=tel]:focus,
.affwp-modern .affwp-section .affwp-field select:focus,
.affwp-modern .affwp-section .affwp-field textarea:focus {
  outline: none;
  border-color: #007cba;
  box-shadow: 0 0 0 3px rgba(0, 124, 186, 0.1);
}
.affwp-modern .affwp-section .affwp-field-full input[type=text]::placeholder,
.affwp-modern .affwp-section .affwp-field-full input[type=email]::placeholder,
.affwp-modern .affwp-section .affwp-field-full input[type=password]::placeholder,
.affwp-modern .affwp-section .affwp-field-full input[type=date]::placeholder,
.affwp-modern .affwp-section .affwp-field-full input[type=tel]::placeholder,
.affwp-modern .affwp-section .affwp-field-full select::placeholder,
.affwp-modern .affwp-section .affwp-field-full textarea::placeholder,
.affwp-modern .affwp-section .affwp-field input[type=text]::placeholder,
.affwp-modern .affwp-section .affwp-field input[type=email]::placeholder,
.affwp-modern .affwp-section .affwp-field input[type=password]::placeholder,
.affwp-modern .affwp-section .affwp-field input[type=date]::placeholder,
.affwp-modern .affwp-section .affwp-field input[type=tel]::placeholder,
.affwp-modern .affwp-section .affwp-field select::placeholder,
.affwp-modern .affwp-section .affwp-field textarea::placeholder {
  color: #999;
  font-style: italic;
}
.affwp-modern .affwp-section .affwp-field-full input[type=text].error,
.affwp-modern .affwp-section .affwp-field-full input[type=email].error,
.affwp-modern .affwp-section .affwp-field-full input[type=password].error,
.affwp-modern .affwp-section .affwp-field-full input[type=date].error,
.affwp-modern .affwp-section .affwp-field-full input[type=tel].error,
.affwp-modern .affwp-section .affwp-field-full select.error,
.affwp-modern .affwp-section .affwp-field-full textarea.error,
.affwp-modern .affwp-section .affwp-field input[type=text].error,
.affwp-modern .affwp-section .affwp-field input[type=email].error,
.affwp-modern .affwp-section .affwp-field input[type=password].error,
.affwp-modern .affwp-section .affwp-field input[type=date].error,
.affwp-modern .affwp-section .affwp-field input[type=tel].error,
.affwp-modern .affwp-section .affwp-field select.error,
.affwp-modern .affwp-section .affwp-field textarea.error {
  border-color: #e74c3c;
}
.affwp-modern .affwp-section .affwp-field-full input[type=text].error:focus,
.affwp-modern .affwp-section .affwp-field-full input[type=email].error:focus,
.affwp-modern .affwp-section .affwp-field-full input[type=password].error:focus,
.affwp-modern .affwp-section .affwp-field-full input[type=date].error:focus,
.affwp-modern .affwp-section .affwp-field-full input[type=tel].error:focus,
.affwp-modern .affwp-section .affwp-field-full select.error:focus,
.affwp-modern .affwp-section .affwp-field-full textarea.error:focus,
.affwp-modern .affwp-section .affwp-field input[type=text].error:focus,
.affwp-modern .affwp-section .affwp-field input[type=email].error:focus,
.affwp-modern .affwp-section .affwp-field input[type=password].error:focus,
.affwp-modern .affwp-section .affwp-field input[type=date].error:focus,
.affwp-modern .affwp-section .affwp-field input[type=tel].error:focus,
.affwp-modern .affwp-section .affwp-field select.error:focus,
.affwp-modern .affwp-section .affwp-field textarea.error:focus {
  border-color: #e74c3c;
  box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.1);
}
.affwp-modern .affwp-section .affwp-field-full textarea,
.affwp-modern .affwp-section .affwp-field textarea {
  resize: vertical;
  min-height: 80px;
}
.affwp-modern .affwp-section .affwp-field-full select,
.affwp-modern .affwp-section .affwp-field select {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;
  padding-right: 40px;
  appearance: none;
  cursor: pointer;
}
.affwp-modern .affwp-section .affwp-field-full .radio-group,
.affwp-modern .affwp-section .affwp-field .radio-group {
  display: flex;
  gap: 30px;
  margin-top: 10px;
}
.affwp-modern .affwp-section .affwp-field-full .radio-group .radio-option,
.affwp-modern .affwp-section .affwp-field .radio-group .radio-option {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.affwp-modern .affwp-section .affwp-field-full .radio-group .radio-option input[type=radio],
.affwp-modern .affwp-section .affwp-field .radio-group .radio-option input[type=radio] {
  width: 20px;
  height: 20px;
  margin: 0;
  appearance: none;
  border: 2px solid #ddd;
  border-radius: 50%;
  background: white;
  cursor: pointer;
  transition: all 0.3s ease;
}
.affwp-modern .affwp-section .affwp-field-full .radio-group .radio-option input[type=radio]:checked,
.affwp-modern .affwp-section .affwp-field .radio-group .radio-option input[type=radio]:checked {
  border-color: #007cba;
  background: #007cba;
}
.affwp-modern .affwp-section .affwp-field-full .radio-group .radio-option input[type=radio]:checked::after,
.affwp-modern .affwp-section .affwp-field .radio-group .radio-option input[type=radio]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
.affwp-modern .affwp-section .affwp-field-full .radio-group .radio-option input[type=radio]:focus,
.affwp-modern .affwp-section .affwp-field .radio-group .radio-option input[type=radio]:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 124, 186, 0.1);
}
.affwp-modern .affwp-section .affwp-field-full .radio-group .radio-option .radio-text,
.affwp-modern .affwp-section .affwp-field .radio-group .radio-option .radio-text {
  margin-left: 10px;
  font-size: 14px;
  color: #333;
}
.affwp-modern .affwp-section .affwp-field-full .error-message,
.affwp-modern .affwp-section .affwp-field .error-message {
  color: #e74c3c;
  font-size: 12px;
  margin-top: 5px;
  display: block;
}
.affwp-modern .affwp-submit-section {
  text-align: center;
  margin-top: 30px;
}
.affwp-modern .affwp-submit-section .affwp-submit-btn {
  background: linear-gradient(135deg, #007cba 0%, #005a87 100%);
  color: white;
  border: none;
  padding: 15px 40px;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  min-width: 200px;
}
.affwp-modern .affwp-submit-section .affwp-submit-btn:hover {
  background: linear-gradient(135deg, #005a87 0%, #003d5c 100%);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 124, 186, 0.3);
}
.affwp-modern .affwp-submit-section .affwp-submit-btn:active {
  transform: translateY(0);
}
@media (max-width: 768px) {
  .affwp-modern {
    padding: 15px;
  }
  .affwp-modern .affwp-section {
    padding: 20px 15px;
  }
  .affwp-modern .affwp-section h3::before {
    position: static;
    margin-right: 12px;
    margin-left: 0;
  }
  .affwp-modern .affwp-section .affwp-field-row .affwp-field {
    flex: 100%;
  }
  .affwp-modern .affwp-submit-section .affwp-submit-btn {
    width: 100%;
    min-width: auto;
  }
}
@media (max-width: 480px) {
  .affwp-modern {
    padding: 10px;
  }
  .affwp-modern .affwp-section {
    padding: 15px 10px;
  }
  .affwp-modern .affwp-section h3 {
    font-size: 16px;
  }
  .affwp-modern .affwp-section h3::before {
    width: 25px;
    height: 25px;
    font-size: 12px;
  }
}
.affwp-modern .bank-account-registration-section .bank-account-placeholder {
  text-align: center;
  padding: 40px 20px;
  border: 2px dashed #e0e0e0;
  border-radius: 8px;
  background: #f9f9f9;
}
.affwp-modern .bank-account-registration-section .bank-account-placeholder p {
  margin-bottom: 10px;
  color: #666;
}
.affwp-modern .bank-account-registration-section .bank-account-placeholder p:last-child {
  margin-bottom: 0;
}
.affwp-modern .bank-account-registration-section .bank-account-placeholder p em {
  color: #007cba;
  font-style: normal;
  font-weight: 500;
}
.affwp-modern .bank-account-registration-section .bank-account-manager .bank-accounts-list {
  margin-top: 20px;
}
.affwp-modern .bank-account-registration-section .bank-account-manager .bank-accounts-list .no-bank-accounts {
  text-align: center;
  padding: 40px 20px;
  border: 2px dashed #e0e0e0;
  border-radius: 8px;
  background: #f9f9f9;
}
.affwp-modern .bank-account-registration-section .bank-account-manager .bank-accounts-list .no-bank-accounts p {
  margin-bottom: 15px;
  color: #666;
  font-size: 14px;
}
.affwp-modern .bank-account-registration-section .bank-account-manager .bank-accounts-list .no-bank-accounts .add-bank-btn {
  background: #007cba;
  color: white;
  border: none;
  padding: 12px 24px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  transition: background-color 0.3s ease;
}
.affwp-modern .bank-account-registration-section .bank-account-manager .bank-accounts-list .no-bank-accounts .add-bank-btn:hover {
  background: #005a8b;
}
.affwp-modern .bank-account-registration-section .bank-account-manager .bank-accounts-list .bank-account-item {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 15px;
  position: relative;
}
.affwp-modern .bank-account-registration-section .bank-account-manager .bank-accounts-list .bank-account-item .bank-account-info h4 {
  margin: 0 0 8px 0;
  font-size: 16px;
  font-weight: 600;
  color: #333;
}
.affwp-modern .bank-account-registration-section .bank-account-manager .bank-accounts-list .bank-account-item .bank-account-info .bank-name {
  margin: 0 0 4px 0;
  font-weight: 500;
  color: #007cba;
}
.affwp-modern .bank-account-registration-section .bank-account-manager .bank-accounts-list .bank-account-item .bank-account-info .account-number {
  margin: 0 0 8px 0;
  color: #666;
  font-family: "Monaco", "Consolas", monospace;
  font-size: 14px;
}
.affwp-modern .bank-account-registration-section .bank-account-manager .bank-accounts-list .bank-account-item .bank-account-info .primary-badge {
  background: #28a745;
  color: white;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
.affwp-modern .bank-account-registration-section .bank-account-manager .edit-bank-link {
  background: none;
  border: none;
  color: #007cba;
  cursor: pointer;
  font-size: 14px;
  text-decoration: underline;
}
.affwp-modern .bank-account-registration-section .bank-account-manager .edit-bank-link:hover {
  color: #005a8b;
}
.affwp-modern .bank-section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.affwp-modern .bank-section-header h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #333;
}
.affwp-modern .affwp-errors {
  background: #fee;
  border: 1px solid #e74c3c;
  border-radius: 6px;
  padding: 15px;
  margin-bottom: 20px;
  color: #e74c3c;
}
.affwp-modern .affwp-errors .error {
  margin: 0 0 5px 0;
}
.affwp-modern .affwp-errors .error:last-child {
  margin-bottom: 0;
}
.affwp-modern .affwp-notice {
  background: #d4edda;
  border: 1px solid #27ae60;
  border-radius: 6px;
  padding: 15px;
  margin-bottom: 20px;
  color: #27ae60;
}
.affwp-modern .affwp-modern .bank-modal {
  z-index: 10000;
}

/* =========================== CHECKOUT ======================== */
.checkout-page-title > .page-title-inner .breadcrumbs > a {
  text-decoration: none;
}
.checkout-page-title > .page-title-inner .breadcrumbs > a .breadcrumb-step {
  position: relative;
  background-color: transparent;
  color: #ccc;
  border-radius: 0;
  font-family: "MNNuoLife-Book-330";
  line-height: 2.2;
  width: 2em;
  height: 2em;
}
.checkout-page-title > .page-title-inner .breadcrumbs > a .breadcrumb-step::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://nuoforlife.com/wp-content/uploads/2025/01/icon-circle-light.svg");
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.2;
}
.checkout-page-title > .page-title-inner .breadcrumbs > a.current .breadcrumb-step {
  color: black;
}
.checkout-page-title > .page-title-inner .breadcrumbs > a.current .breadcrumb-step::after {
  opacity: 1;
}
.checkout-page-title > .page-title-inner .breadcrumbs > a:hover .breadcrumb-step {
  color: black;
}
.checkout-page-title > .page-title-inner .breadcrumbs > a:hover .breadcrumb-step::after {
  opacity: 1;
}
/* =========================== SHIPPING ADDRESS STYLES ======================== */
.shipping-address-manager {
  width: 100%;
}

.shipping-empty-state {
  text-align: center;
  padding: 20px 20px;
  background: #f8f9fa;
  border-radius: 8px;
  border: 2px dashed #dee2e6;
}
.shipping-empty-state h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #333;
}

.shipping-empty-message {
  color: #666;
  margin-bottom: 20px;
  font-size: 14px;
}

.shipping-address-selected {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 20px;
}

.selected-address {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}

.address-info h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 4px;
  color: #333;
}

.default-badge {
  display: inline-block;
  font-size: 11px;
  background: #2ecc71;
  color: #fff;
  padding: 2px 8px;
  border-radius: 3px;
  font-weight: 500;
  margin-left: 8px;
  vertical-align: middle;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.address-details {
  color: #666;
  font-size: 14px;
  margin: 0;
  line-height: 1.4;
}

.btn-choose-address {
  background: none;
  border: 1px solid #007cba;
  color: #007cba;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
}
.btn-choose-address:hover {
  background: #007cba;
  color: white;
}

/* Modal Styles */
/* Form Styles for Modal */
.form-group {
  margin-bottom: 16px;
}
.form-group label {
  display: block;
  margin-bottom: 6px;
  font-weight: 500;
  color: #333;
  font-size: 14px;
}
.form-group input,
.form-group select {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 16px;
  background: white;
}
.form-group input:focus,
.form-group select:focus {
  outline: none;
  border-color: #007cba;
  box-shadow: 0 0 0 2px rgba(0, 124, 186, 0.1);
}

.shipping-modal .form-row {
  display: flex;
  gap: 16px;
}
.shipping-modal .form-row .flex-1 {
  flex: 1;
}
.shipping-modal .form-row .flex-2 {
  flex: 2;
}

/* Country field in modal */
.modal-field-country select {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 16px;
  background: white;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;
  padding-right: 40px;
}
.modal-field-country select:focus {
  outline: none;
  border-color: #007cba;
  box-shadow: 0 0 0 2px rgba(0, 124, 186, 0.1);
}

.required {
  color: #e74c3c;
}

.checkbox-label {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.checkbox-label input[type=checkbox] {
  width: auto;
  margin: 0;
}

/* Address List in Modal */
.address-list-item {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  margin-bottom: 12px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.address-list-item.selected {
  border-color: #007cba;
  background: #e3f2fd;
}

.address-item-content {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
}

.address-radio-wrapper {
  display: flex;
  align-items: center;
  margin-top: 2px;
}
.address-radio-wrapper input[type=radio] {
  width: 18px;
  height: 18px;
  margin: 0;
  cursor: pointer;
}
.address-radio-wrapper label {
  margin: 0;
  cursor: pointer;
}

.address-details-wrapper {
  flex: 1;
  cursor: pointer;
}

.address-item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.address-item-title {
  font-weight: 600;
  color: #333;
}

.address-item-actions {
  display: flex;
  gap: 8px;
}

.btn-edit {
  background: none;
  border: none;
  color: #007cba;
  font-size: 12px;
  cursor: pointer;
  text-decoration: underline;
  padding: 4px 8px;
}
.btn-edit:hover {
  background: #f0f0f0;
  border-radius: 4px;
}

.address-item-details {
  color: #666;
  font-size: 14px;
  line-height: 1.4;
}

/* Shipping province/district/ward select styling */
/* Loading animation for dropdowns */
.shipping-province-select option:first-child[value=""]:only-child,
.shipping-district-select option:first-child[value=""]:only-child,
.shipping-ward-select option:first-child[value=""]:only-child {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3e%3ccircle cx='12' cy='12' r='3'/%3e%3cpath d='m12 1v6m0 10v6m11-7h-6m-10 0H1'/%3e%3c/svg%3e");
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* =========================== CUSTOM CHECKOUT STYLES ======================== */
/* Custom checkout styles */
.referral-code-section {
  background: #f8f9fa;
  border-radius: 8px;
  padding: 16px;
  border: 1px solid #e9ecef;
}

.referral-field-group label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  color: #333;
  font-size: 14px;
}
.referral-field-group input {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 16px;
  transition: border-color 0.3s ease;
  margin-bottom: 8px;
  background: #fff;
}
.referral-field-group input:focus {
  outline: none;
  border-color: #007cba;
  box-shadow: 0 0 0 2px rgba(0, 124, 186, 0.1);
}
.referral-field-group input::placeholder {
  color: #999;
  font-style: italic;
}

.referral-note {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: #666;
  font-size: 13px;
  line-height: 1.4;
}
.referral-note svg {
  flex-shrink: 0;
  margin-top: 2px;
}

/* Billing details improvements */
.woocommerce-billing-fieldsRM {
  /* Form validation styles */
}
.woocommerce-billing-fieldsRM .form-row {
  margin-bottom: 0;
}
.woocommerce-billing-fieldsRM .form-row label {
  font-weight: 600;
  margin-bottom: 8px;
  display: block;
  color: #333;
  font-size: 14px;
}
.woocommerce-billing-fieldsRM .form-row label .required {
  color: #e74c3c;
  font-weight: normal;
  margin-left: 2px;
}
.woocommerce-billing-fieldsRM .input-text,
.woocommerce-billing-fieldsRM select {
  padding: 12px 16px;
  border: 1px solid #ddd;
  border-radius: 6px;
  width: 100%;
  font-size: 16px;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  background: #fff;
  color: #333;
}
.woocommerce-billing-fieldsRM .input-text::placeholder,
.woocommerce-billing-fieldsRM select::placeholder {
  color: #999;
  font-style: italic;
}
.woocommerce-billing-fieldsRM .input-text:focus,
.woocommerce-billing-fieldsRM select:focus {
  border-color: #007cba;
  box-shadow: 0 0 0 2px rgba(0, 124, 186, 0.1);
  outline: none;
}
.woocommerce-billing-fieldsRM select option:first-child {
  color: #999;
  font-style: italic;
}
.woocommerce-billing-fieldsRM .form-row.woocommerce-invalid .input-text,
.woocommerce-billing-fieldsRM .form-row.woocommerce-invalid select {
  border-color: #e74c3c;
}
.woocommerce-billing-fieldsRM .form-row.woocommerce-validated .input-text,
.woocommerce-billing-fieldsRM .form-row.woocommerce-validated select {
  border-color: #27ae60;
}

/* Enhanced section styling */
/* Section headers */
/* Field spacing improvements */
.nuo-flex-row-desktop.nuo-gap-16 {
  gap: 16px;
}

.nuo-flex-row-desktop .nuo-flex-1 {
  flex: 1;
}

/* Clean minimalist styling */
/* Payment Methods Section */
.payment-methods-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Hide WooCommerce default payment methods list */
ul.wc_payment_methods.payment_methods.methods {
  display: none !important;
}

.woocommerce-privacy-policy-text {
  display: none !important;
}

.payment-method-option {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  transition: all 0.2s ease;
  background: #fff;
}
.payment-method-option:hover {
  border-color: #d1d5db;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.payment-method-option.selected {
  border-color: #3b82f6;
  background: #f8faff;
}
.payment-method-option.selected .payment-method-radio-circle {
  border-color: #3b82f6;
  background: #3b82f6;
}

.payment-method-label {
  display: flex;
  align-items: center;
  padding: 16px;
  cursor: pointer;
  width: 100%;
  margin: 0;
}

.payment-method-radio-checkout {
  display: none !important;
  /* Hide the default radio button */
}

.payment-method-content {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
}

.payment-method-icon {
  width: 32px;
  height: auto;
  max-height: 24px;
  object-fit: contain;
}

.payment-method-icons {
  display: flex;
  gap: 4px;
  align-items: center;
}

.payment-card-logo {
  width: 28px;
  height: auto;
  max-height: 20px;
  object-fit: contain;
}

.card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 24px;
}

.payment-method-text {
  font-size: 16px;
  font-weight: 500;
  color: #374151;
}

.payment-method-radio-circle {
  width: 20px;
  height: 20px;
  border: 2px solid #d1d5db;
  border-radius: 50%;
  position: relative;
  transition: all 0.2s ease;
}
.payment-method-radio-circle.active {
  border-color: #3b82f6;
  background: #3b82f6;
}
.payment-method-radio-circle.active::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 50%;
}

.payment-method-option:hover .payment-method-radio-circle {
  border-color: #9ca3af;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .selected-address {
    flex-direction: column;
    align-items: stretch;
  }
  .btn-choose-address {
    align-self: flex-start;
  }
  .form-row {
    flex-direction: column;
  }
  .modal-content {
    width: 95%;
    margin: 10px;
  }
  .woocommerce-billing-fieldsRM .input-text,
  .woocommerce-billing-fieldsRM select {
    font-size: 16px;
    /* Prevents zoom on iOS */
  }
  .payment-method-label {
    padding: 14px;
  }
  .payment-method-text {
    font-size: 15px;
  }
  .payment-method-icon {
    width: 28px;
    max-height: 20px;
  }
  .payment-card-logo {
    width: 24px;
    max-height: 18px;
  }
}
.nuo-policy-main {
  display: flex;
  padding-top: 164px;
  padding-bottom: 80px;
  justify-content: center;
  padding-left: 48px;
  padding-right: 48px;
}
@media only screen and (max-width: 48em) {
  .nuo-policy-main {
    padding-top: 140px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.nuo-policy-main .nuo-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 64px;
}
.nuo-policy-main .nuo-content .policy-content {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.2px;
}
.nuo-policy-main .nuo-content .policy-nav {
  border: 1px solid black;
  border-bottom: 0px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  padding: 16px;
  padding-bottom: 0;
  width: 100%;
}
.nuo-policy-main .nuo-content .policy-page-wrapper {
  max-width: 810px;
  display: flex;
  flex-direction: column;
  gap: 90px;
}
.nuo-policy-main .nuo-content .policy-tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
}
.nuo-policy-main .nuo-content .policy-tab {
  color: #A2A2A2;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.16px;
  text-transform: uppercase;
}
.nuo-policy-main .nuo-content .policy-tab:hover {
  color: #333;
}
.nuo-policy-main .nuo-content .policy-tab.active {
  color: #000;
  font-weight: bold;
}
@media (max-width: 768px) {
  .nuo-policy-main .nuo-content .policy-tabs {
    flex-direction: column;
    align-items: center;
  }
  .nuo-policy-main .nuo-content .policy-tab {
    width: 100%;
    max-width: 300px;
    text-align: center;
  }
}
.nuo-policy-main .nuo-content .policy-sections {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
.nuo-policy-main .nuo-content .policy-number {
  text-align: center;
  /* Desktop/Tablet Num */
  font-family: "MNNuoLifeVF", sans-serif !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 370;
  line-height: normal;
  letter-spacing: 0.42px;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.nuo-policy-main .nuo-content .policy-title {
  text-align: center;
  font-size: 55px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.nuo-policy-main .nuo-content .policy-subtitle {
  font-size: 20px;
  font-weight: bold;
  margin: 30px 0 15px 0;
}
.nuo-policy-main .nuo-content .policy-content p {
  margin-bottom: 15px;
}
.nuo-policy-main .nuo-content .policy-content ul {
  margin: 15px 0;
  padding-left: 20px;
}
.nuo-policy-main .nuo-content .policy-content li {
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .nuo-policy-main .nuo-content .policy-title {
    font-size: 24px;
  }
}
.nuo-policy-main .nuo-content .policy-intro {
  text-align: center;
}
.nuo-policy-main .nuo-content .policy-intro p {
  color: #A2A2A2;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.nuo-policy-main .nuo-content .vnpay-banks {
  margin: 20px 0;
  padding: 20px;
  background: #f8f9fa;
  border-radius: 8px;
}
.nuo-policy-main .nuo-content .bank-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
}
.nuo-policy-main .nuo-content .bank-item {
  padding: 8px 12px;
  background: white;
  border: 1px solid #ddd;
  border-radius: 4px;
  text-align: center;
  font-size: 12px;
  color: #333;
}
@media (max-width: 768px) {
  .nuo-policy-main .nuo-content .bank-grid {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  }
}