@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap");

:root {
  --primary-green: #51963b;
  --primary-green-20: #51963b33;
  --deep-purple: #4c3b96;
  --deep-purple-20: #4c3b9633;
  --pale-teal: #bde4e4;
  --dark-blue: #03212c;
  --text-gray: #5e5e5e;
  --light-gray: #eeeeee;
  --light-bg: #e6f8f8;
  --white: #ffffff;
  --alert-bg: #fdfbf7;
  --alert-border: #e4e4e4;
  --star-yellow: #ffb700;
  --dot-inactive: #d4d4d4;
  --slate-blue: #334155;
  --midnight-blue: #0f172a;
  --black: #000000;
  --soft-teal: #8fc9c9;
  --font-family: "Plus Jakarta Sans", sans-serif;

  /* Font */
  --font-size-14: 14px;
  --font-size-15: 15px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-24: 24px;
  --font-size-32: 32px;
  --font-size-36: 36px;
  --font-size-40: 40px;
  --font-size-42: 42px;
  --font-size-52: 52px;

  /* Line heights */
  --line-height-20: 20px;
  --line-height-24: 24px;
  --line-height-28: 28px;
  --line-height-100: normal;

  /* Border radius */
  --radius-6: 6px;
  --radius-8: 8px;
  --radius-12: 12px;
  --radius-20: 20px;
  --radius-full: 50%;

  /* gap */
  --gap-4: 4px;
  --gap-6: 6px;
  --gap-8: 8px;
  --gap-10: 10px;
  --gap-12: 12px;
  --gap-14: 14px;
  --gap-15: 15px;
  --gap-16: 16px;
  --gap-18: 18px;
  --gap-20: 20px;
  --gap-24: 24px;
  --gap-28: 28px;
  --gap-30: 30px;
  --gap-34: 34px;
  --gap-40: 40px;
}

/* Common css ---------------------------------------------------- */
.zenmen h1 {
  font-size: var(--font-size-52);
  color: var(--dark-blue);
  line-height: 66px;
  margin-bottom: 14px;
  font-weight: 800;
}

.zenmen h4 {
  font-weight: 800;
  font-size: var(--font-size-32);
  line-height: var(--line-height-100);
  letter-spacing: 0px;
  color: var(--midnight-blue);
}

.zenmen h5 {
  font-weight: 700;
  font-size: var(--font-size-24);
  line-height: var(--line-height-100);
  letter-spacing: 0px;
  color: var(--black);
}

.zenmen p {
  font-weight: 400;
  letter-spacing: 0;
}

/* Font Size ---------------------------------------------------- */
.zenmen-text-14 {
  font-size: var(--font-size-14) !important;
}
.zenmen-text-15 {
  font-size: var(--font-size-15) !important;
}
.zenmen-text-16 {
  font-size: var(--font-size-16) !important;
}
.zenmen-text-18 {
  font-size: var(--font-size-18) !important;
}
.zenmen-text-20 {
  font-size: var(--font-size-20) !important;
}
.zenmen-text-24 {
  font-size: var(--font-size-24) !important;
}
.zenmen-text-32 {
  font-size: var(--font-size-32) !important;
}
.zenmen-text-36 {
  font-size: var(--font-size-36) !important;
}
.zenmen-text-40 {
  font-size: var(--font-size-40) !important;
}
.zenmen-text-42 {
  font-size: var(--font-size-42) !important;
}

/* Text align ---------------------------------------------------- */
.zenmen-text-center {
  text-align: center;
}
.zenmen-text-uppercase {
  text-transform: uppercase;
}
.zenmen-opacity-70 {
  opacity: 0.7;
}

/* Font Weight ---------------------------------------------------- */
.zenmen-font-400 {
  font-weight: 400 !important;
}
.zenmen-font-500 {
  font-weight: 500 !important;
}
.zenmen-font-600 {
  font-weight: 600 !important;
}
.zenmen-font-700 {
  font-weight: 700 !important;
}
.zenmen-font-800 {
  font-weight: 800 !important;
}
.zenmen-font-900 {
  font-weight: 900 !important;
}

/* Line Height ---------------------------------------------------- */
.zenmen-lh-20 {
  line-height: var(--line-height-20) !important;
}
.zenmen-lh-24 {
  line-height: var(--line-height-24) !important;
}
.zenmen-lh-28 {
  line-height: var(--line-height-28) !important;
}
.zenmen-lh-100 {
  line-height: var(--line-height-100) !important;
}
.zenmen-line-through {
  text-decoration: line-through;
}

/* Color ---------------------------------------------------- */
.zenmen-text-gray {
  color: var(--text-gray) !important;
}
.zenmen-text-midnight-blue {
  color: var(--midnight-blue) !important;
}
.zenmen-text-slate-blue {
  color: var(--slate-blue) !important;
}
.zenmen-text-black {
  color: var(--black) !important;
}
.zenmen-text-white {
  color: var(--white) !important;
}

/* Margin ---------------------------------------------------- */
.zenmen-mt-2 {
  margin-top: 2px;
}
.zenmen-mt-24 {
  margin-top: 24px;
}
.zenmen-mb-10 {
  margin-bottom: 10px;
}
.zenmen-mb-14 {
  margin-bottom: 14px;
}
.zenmen-mb-20 {
  margin-bottom: 20px;
}
.zenmen-mb-24 {
  margin-bottom: 24px;
}

/* Flex ---------------------------------------------------- */
.zenmen-flex-align-center {
  display: flex;
  align-items: center;
}

.zenmen-flex {
  display: flex;
}

.zenmen-flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.zenmen-flex-center-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.zenmen-flex-col {
  display: flex;
  flex-direction: column;
}

/* Gap ---------------------------------------------------- */
.zenmen-gap-4 {
  gap: var(--gap-4) !important;
}
.zenmen-gap-6 {
  gap: var(--gap-6) !important;
}
.zenmen-gap-8 {
  gap: var(--gap-8) !important;
}
.zenmen-gap-10 {
  gap: var(--gap-10) !important;
}
.zenmen-gap-12 {
  gap: var(--gap-12) !important;
}
.zenmen-gap-14 {
  gap: var(--gap-14) !important;
}
.zenmen-gap-15 {
  gap: var(--gap-15) !important;
}
.zenmen-gap-16 {
  gap: var(--gap-16) !important;
}
.zenmen-gap-18 {
  gap: var(--gap-18) !important;
}
.zenmen-gap-20 {
  gap: var(--gap-20) !important;
}
.zenmen-gap-24 {
  gap: var(--gap-24) !important;
}
.zenmen-gap-28 {
  gap: var(--gap-28) !important;
}
.zenmen-gap-30 {
  gap: var(--gap-30) !important;
}
.zenmen-gap-34 {
  gap: var(--gap-34) !important;
}
.zenmen-gap-40 {
  gap: var(--gap-40) !important;
}

/* Common button ---------------------------------------------------- */
.zenmen-primary-btn {
  font-size: var(--font-size-16);
  background-color: var(--primary-green);
  color: var(--white);
  padding: 16px 20px;
  border-radius: var(--radius-6);
  font-weight: 600;
  line-height: var(--line-height-24);
  border: none;
  transition: 0.3s;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.zenmen-primary-btn.zenmen-small {
  padding: 6px 20px;
}

.zenmen-secondary-btn {
  padding: 16px 20px;
  background: var(--pale-teal);
  border-radius: var(--radius-6);
  border: 1px solid var(--pale-teal);
  font-size: var(--font-size-16);
  line-height: var(--line-height-24);
  color: var(--text-gray);
  font-weight: 600;
  transition: 0.3s;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.zenmen-primary-btn:hover {
  background: #52963be0;
}

.zenmen-secondary-btn:hover {
  background: #bde4e4b0;
}

/* Common slider arrow ---------------------------------------------------- */
.zenmen .zenmen-arr {
  background-color: var(--light-bg);
  min-width: 30px;
  min-height: 70px;
  border-radius: 6px;
  cursor: pointer;
  transition: 0.3s;
}

.zenmen .zenmen-arr:hover {
  opacity: 0.8;
}

/* Slider dots ---------------------------------------------------- */
.zenmen-slider-dots {
  display: flex;
  gap: 8px;
  z-index: 3;
}

.zenmen-slider-dots.zenmen-dots-center {
  margin-inline: auto;
}

.zenmen-dot {
  width: 6px;
  height: 6px;
  border-radius: var(--radius-full);
  background-color: var(--dot-inactive);
  cursor: pointer;
}

.zenmen-dot.zenmen-active {
  width: 12px;
  border-radius: var(--radius-20) !important;
  background-color: var(--primary-green);
}

/* Title ---------------------------------------------------- */
.zenmen-title-container {
  text-align: center;
}

.zenmen-title-container h2 {
  font-weight: 800;
  font-size: var(--font-size-40);
  line-height: var(--line-height-100);
  letter-spacing: 0px;
  color: var(--midnight-blue);
  margin-bottom: 14px;
}

.zenmen-title-container p {
  max-width: 852px;
  margin-inline: auto;
  font-weight: 400;
  font-size: var(--font-size-18);
  line-height: var(--line-height-28);
  letter-spacing: 0px;
  color: var(--midnight-blue);
  opacity: 0.7;
}

/* Hide Scrollbar */
.zenmen-no-scrollbar {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.zenmen-no-scrollbar::-webkit-scrollbar {
  display: none;
}

/* Basic Reset ---------------------------------------------------- */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.zenmen {
  font-family: var(--font-family) !important;
}

.zenmen-main {
  display: flex;
  flex-direction: column;
  gap: 70px;
  margin-bottom: 70px;
}

.zenmen-no-underline {
  text-decoration: none;
}

.zenmen-ul-list-none {
  list-style: none;
}

/* Header ---------------------------------------------------- */
.zenmen-main-header {
  background-color: var(--white);
  padding: 13px 0;
  border-bottom: 1px solid var(--alert-border);
}

.zenmen-main-header .zenmen-container {
  max-width: 1280px;
  width: 100%;
  padding-inline: 20px;
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.zenmen-logo img {
  height: 56px;
}

.zenmen-nav-links {
  display: flex;
  gap: var(--gap-30);
}

.zenmen-nav-links a {
  color: var(--dark-blue);
  font-weight: 400;
  font-size: var(--font-size-15);
  line-height: var(--line-height-20);
  display: flex;
  align-items: center;
  gap: var(--gap-6);
  transition: color 0.3s ease;
}

.zenmen-nav-links a.zenmen-profile,
.zenmen-nav-links a.zenmen-the-quiz-mobile {
  display: none;
}

.zenmen-nav-links a:hover {
  color: var(--primary-green);
}

.zenmen-nav-links .zenmen-arrow {
  width: 12px;
  height: 12px;
}

.zenmen-header-actions {
  display: flex;
  align-items: center;
  gap: var(--gap-34);
}

.zenmen-header-actions .zenmen-actions {
  display: flex;
  align-items: center;
  gap: var(--gap-20);
}

.zenmen-icon-link img {
  height: 24px;
  width: 24px;
}

.zenmen-mobile-nav-toggle {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 1001;
}

.zenmen-hamburger {
  display: block;
  width: 25px;
  height: 3px;
  background-color: var(--dark-blue);
  position: relative;
  transition: transform 0.3s ease;
}

.zenmen-hamburger::before,
.zenmen-hamburger::after {
  content: "";
  position: absolute;
  width: 25px;
  height: 3px;
  background-color: var(--dark-blue);
  left: 0;
  transition: transform 0.3s ease, top 0.3s ease;
}

.zenmen-hamburger::before {
  top: -8px;
}

.hamburgerhamburger::after {
  top: 8px;
}

/* Hero Section ---------------------------------------------------- */
.zenmen-hero {
  background-color: var(--light-bg);
  padding-block: 50px 70px;
  position: relative;
  margin-bottom: 50px;
}

.zenmen-hero-container {
  max-width: 1183px;

  margin-inline: auto;
  padding-inline: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-20);
}

.zenmen-hero-content {
  flex: 1;
  max-width: 628px;
}

.zenmen-alert {
  display: inline-flex;
  align-items: center;
  gap: var(--gap-10);
  background-color: var(--alert-bg);
  border: 1px solid var(--alert-border);
  padding: 6px 8px;
  border-radius: var(--radius-8);
  margin-bottom: 20px;
  font-size: var(--font-size-14);
  font-weight: 500;
}

.zenmen-alert img {
  width: 20px;
}

.zenmen-hero-image-wrapper-main {
  max-width: 423px;
  width: 100%;
}

.zenmen-hero-image-wrapper {
  flex: 1;
  width: 100%;
  position: relative;
}

.zenmen-product-image {
  max-width: 375px;
  min-height: 531px;
  width: 100%;
  margin-left: auto;
  display: block;
  position: relative;
  z-index: 2;
}

.zenmen-trustpilot-card {
  position: absolute;
  min-width: 180px;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: var(--gap-12);
  bottom: 0px;
  left: 0;
  background-color: var(--white);
  padding: 15px 20px;
  border-radius: var(--radius-12);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  z-index: 3;
}

.zenmen-trustpilot-header {
  display: flex;
  align-items: center;
  gap: var(--gap-8);
}

.zenmen-trustpilot-header img {
  width: 30px;
}

.zenmen-trustpilot-header span {
  font-weight: 700;
  font-size: var(--font-size-18);
  color: var(--dark-blue);
}

.zenmen-stars {
  display: flex;
  gap: var(--gap-6);
}

.zenmen-stars img {
  width: 16px;
  height: 16px;
}

/* Features Section ---------------------------------------------------- */
.zenmen-features {
  background-color: transparent;
  max-width: 1028px;
  width: 100%;
  position: absolute;
  bottom: -48px;
  left: 51%;
  transform: translateX(-50%);
}

.zenmen-features-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  /* flex-wrap: wrap; */
  gap: var(--gap-20);
}

.zenmen-feature-card {
  background-color: var(--white);
  display: flex;
  align-items: center;
  gap: var(--gap-15);
  padding: 10px 20px;
  border: 1px solid var(--alert-border);
  border-radius: var(--radius-12);
  box-shadow: 0px 0px 20px 0px #bde4e480;
}

.zenmen-feature-card img {
  width: 44px;
  height: 44px;
}

.zenmen-feature-card span {
  font-weight: 500;
  font-size: var(--font-size-18);
  color: var(--midnight-blue);
}

/* The Hidden Symptoms Doctors Often Miss ---------------------------------------------------- */
.zenmen-symptoms-doctors {
  max-width: 1152px;
  padding-inline: 20px;
  width: 100%;
  margin-inline: auto;
}

.zenmen-symptoms-doctors .zenmen-card-container {
  display: flex;
  gap: var(--gap-28);
}

.zenmen-symptoms-doctors .zenmen-card-container .zenmen-card {
  background: var(--light-bg);
  border-radius: var(--radius-12);
  padding: 73px 20px 20px;
  max-width: 352px;
  width: 100%;
  margin-top: 70px;
  text-align: center;
  position: relative;
}

.zenmen-symptoms-doctors
  .zenmen-card-container
  .zenmen-card
  .zenmen-icon-container {
  background: var(--white);
  border: 1px solid var(--alert-border);
  border-radius: var(--radius-12);
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -41px;
  left: 50%;
  transform: translateX(-50%);
}

.zenmen-symptoms-doctors .zenmen-card-container .zenmen-card .zenmen-info-card {
  background: var(--white);
  border-radius: var(--radius-20);
  padding: 16px;
  border-left: 2px solid var(--soft-teal);
}

/* Why Most Tests Miss It ---------------------------------------------------- */
.zenmen-most-tests {
  max-width: 1192px;
  padding-inline: 20px;
  width: 100%;
  margin-inline: auto;
  display: flex;
}

.zenmen-most-tests .zenmen-left-sec {
  background: var(--light-bg);
  padding: 24px;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.zenmen-most-tests .zenmen-left-sec .zenmen-point-container {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}

.zenmen-most-tests .zenmen-left-sec .zenmen-point-container .zenmen-point {
  display: flex;
  align-items: start;
  gap: var(--gap-14);
}

.zenmen-most-tests .zenmen-left-sec .zenmen-point-container .zenmen-point p {
  max-width: 286px;
}

.zenmen-most-tests .zenmen-right-sec {
  flex-grow: 1;
  border: 1px solid var(--alert-border);
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  padding: 20px;
  justify-content: center;
}

.zenmen-most-tests .zenmen-right-sec .zenmen-content-container .zenmen-content {
  flex-grow: 1;
  max-width: 534px;
  width: 100%;
  position: relative;
}

.zenmen-most-tests
  .zenmen-right-sec
  .zenmen-content-container
  .zenmen-content
  .zenmen-user-info {
  max-width: 342px;
  width: 100%;
  margin-inline: auto;
  margin-top: 34px;
  text-align: center;
}

.zenmen-most-tests
  .zenmen-right-sec
  .zenmen-content-container
  .zenmen-content
  .zenmen-user-info
  .zenmen-logo {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  margin-inline: auto;
  border: 2px solid var(--primary-green-20);
  overflow: hidden;
}

.zenmen-most-tests
  .zenmen-right-sec
  .zenmen-content-container
  .zenmen-content
  .zenmen-user-info
  .zenmen-logo
  img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}

.zenmen-most-tests
  .zenmen-right-sec
  .zenmen-content-container
  .zenmen-content
  .zenmen-user-info
  h6 {
  font-size: var(--font-size-18);
  line-height: var(--line-height-100);
  color: var(--midnight-blue);
  margin-block: 10px 6px;
}

.zenmen-most-tests
  .zenmen-right-sec
  .zenmen-content-container
  .zenmen-content
  .zenmen-quote-sign {
  position: absolute;
  top: -19px;
  left: -44px;
}

/* Clinically formulated ---------------------------------------------------- */
.zenmen-clinically .zenmen-card {
  max-width: 1314px;
  width: 100%;
  padding-inline: 20px;
  margin: 36px auto 38px;
  display: flex;
  align-items: center;
  gap: var(--gap-24);
}

.zenmen-clinically .zenmen-card .zenmen-content {
  flex-grow: 1;
  width: 100%;
}

.zenmen-clinically .zenmen-card .zenmen-content .zenmen-left-sec {
  max-width: 558px;
  min-height: 558px;
  width: 100%;
  background: var(--light-bg);
  border-radius: 12px;
  border: 1px solid var(--alert-border);
}

.zenmen-clinically .zenmen-card .zenmen-content .zenmen-left-sec img {
  max-width: 340px;
  width: 100%;
}

.zenmen-clinically .zenmen-card .zenmen-content .zenmen-right-sec {
  max-width: 553px;
}

.zenmen-clinically
  .zenmen-card
  .zenmen-content
  .zenmen-right-sec
  .zenmen-secondary-btn {
  min-width: 174px;
}

.zenmen-clinically
  .zenmen-card
  .zenmen-content
  .zenmen-right-sec
  .zenmen-price
  .zenmen-discount {
  background-color: var(--primary-green-20);
  color: var(--primary-green);
  padding: 7px 14px;
  border-radius: 200px;
  font-weight: 500;
  font-size: var(--font-size-16);
  line-height: var(--line-height-100);
}

/* The 4-Step Protocol ---------------------------------------------------- */
.zenmen-four-steps .zenmen-step-container {
  margin-block: 24px;
}

.zenmen-four-steps .zenmen-step-container .zenmen-step-tabs {
  max-width: 702px;
  width: 100%;
  background-color: var(--light-bg);
  border-radius: 10px;
  border: 1px solid var(--alert-border);
  padding: 10px;
  margin-inline: auto;
  display: flex;
  gap: 14px;
  font-weight: 600;
  font-size: var(--font-size-16);
  line-height: var(--line-height-24);
  color: var(--text-gray);
}

.zenmen-four-steps .zenmen-step-container .zenmen-step-tabs .zenmen-step-tab {
  flex-grow: 1;
  padding: 11px 20px;
  text-align: center;
  border-radius: 6px;
  cursor: pointer;
  transition: 0.3s;
}

.zenmen-four-steps
  .zenmen-step-container
  .zenmen-step-tabs
  .zenmen-step-tab:hover,
.zenmen-four-steps
  .zenmen-step-container
  .zenmen-step-tabs
  .zenmen-step-tab.zenmen-step-active {
  background-color: var(--pale-teal);
  color: var(--black);
}

.zenmen-four-steps .zenmen-progress-bar-wrapper {
  position: relative;
  max-width: 702px;
  width: 100%;
  margin-inline: auto;
  margin-top: 14px;
  height: 10px;
  background-color: #ededed;
  border-radius: 8px;
}

.zenmen-four-steps .zenmen-progress-bar {
  height: 100%;
  background-color: var(--primary-green);
  border-radius: 8px;
  width: 25%;
  transition: width 0.4s ease;
  position: relative;
}

.zenmen-four-steps .zenmen-progress-thumb {
  position: absolute;
  top: 50%;
  right: -8px;
  width: 30px;
  height: 18px;
  background-color: var(--primary-green);
  border: 2px solid var(--white);
  border-radius: 9px;
  transform: translateY(-50%);
  box-shadow: 0px 0px 4px 0px #00000040;
}

.zenmen-four-steps .zenmen-step-contents {
  max-width: 1066px;
  width: 100%;
  padding-inline: 20px;
  margin-inline: auto;
}

/* Product */
.zenmen-four-steps .zenmen-product-card-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 38px;
  margin-bottom: 68px;
}

.zenmen-four-steps .zenmen-product-card-container .zenmen-product-card {
  max-width: 425px;
  width: 100%;
  height: 437px;
  background-color: var(--light-bg);
  border-radius: 12px;
  border: 1px solid var(--alert-border);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.zenmen-four-steps .zenmen-product-card-container .zenmen-product-card img {
  margin-bottom: 20px;
}

.zenmen-four-steps
  .zenmen-product-card-container
  .zenmen-product-card
  .zenmen-button
  a {
  background-color: var(--white);
  color: var(--black);
  padding: 12px 20px;
  border-radius: 12px;
  border: 1px solid var(--alert-border);
  position: absolute;
  text-decoration: none;
  font-size: var(--font-size-20);
  line-height: var(--line-height-24);
  font-weight: 700;
  text-wrap: nowrap;
  left: 50%;
  bottom: -23px;
  transform: translateX(-50%);
  cursor: pointer;
  transition: 0.3s;
}

.zenmen-four-steps
  .zenmen-product-card-container
  .zenmen-product-card
  .zenmen-button
  a:hover {
  background-color: var(--alert-bg);
}

/* Disrupt */
.zenmen-four-steps .zenmen-disrupt .zenmen-disrupt-card-container {
  margin-block: 22px 40px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

.zenmen-four-steps
  .zenmen-disrupt
  .zenmen-disrupt-card-container
  .zenmen-disrupt-card {
  background: var(--white);
  padding: 26px 24px;
  border-radius: 12px;
  border: 1px solid var(--alert-border);
}

.zenmen-four-steps
  .zenmen-disrupt
  .zenmen-disrupt-card-container
  .zenmen-disrupt-card
  .zenmen-icon {
  background-color: var(--light-bg);
  width: 64px;
  height: 64px;
  margin-inline: auto;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.zenmen-four-steps
  .zenmen-disrupt
  .zenmen-disrupt-card-container
  .zenmen-disrupt-card
  .zenment-card-content
  h4 {
  margin-block: 14px 12px;
}

.zenmen-four-steps
  .zenmen-disrupt
  .zenmen-disrupt-card-container
  .zenmen-disrupt-card
  .zenment-card-content
  p.zenmen-dashed-border {
  padding: 14px;
  font-size: 15px !important;
  border: 1px dashed var(--primary-green);
}

.zenmen-four-steps
  .zenmen-disrupt
  .zenmen-disrupt-card-container
  .zenmen-disrupt-card
  .zenmen-point
  .zenmen-icon {
  padding: 4px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
}

.zenmen-four-steps
  .zenmen-disrupt
  .zenmen-disrupt-card-container
  .zenmen-disrupt-card
  .zenmen-point
  img {
  width: 16px;
  height: 16px;
}

.zenmen-four-steps
  .zenmen-disrupt
  .zenmen-disrupt-card-container
  .zenmen-disrupt-card
  .zenmen-point {
  display: flex;
  align-items: start;
  gap: 14px;
}

.zenmen-four-steps
  .zenmen-disrupt
  .zenmen-disrupt-card-container
  .zenmen-disrupt-card
  .zenmen-product-card {
  background-color: var(--light-bg);
  padding: 18px;
  border-radius: 12px;
  border: 1px solid var(--alert-border);
}

.zenmen-four-steps
  .zenmen-disrupt
  .zenmen-disrupt-card-container
  .zenmen-disrupt-card
  .zenmen-product-card
  .zenmen-left-sec {
  min-width: 100px;
  min-height: 100px;
  background-color: var(--white);
  border-radius: 12px;
  border: 1px solid var(--alert-border);
  display: flex;
  align-items: center;
  justify-content: center;
}

.zenmen-four-steps
  .zenmen-disrupt
  .zenmen-disrupt-card-container
  .zenmen-disrupt-card
  .zenmen-product-card
  .zenmen-left-sec
  img {
  width: 62px;
  height: 88px;
}

/* Price */
.zenmen-four-steps .zenmen-price {
  max-width: 623px;
  width: 100%;
  margin-inline: auto;
  text-align: center;
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.zenmen-four-steps .zenmen-price .zenmen-discount {
  background-color: var(--primary-green-20);
  color: var(--primary-green);
  padding: 7px 14px;
  border-radius: 200px;
  font-weight: 500;
  font-size: var(--font-size-16);
  line-height: var(--line-height-100);
}

.zenmen-four-steps .zenmen-price .zenmen-primary-btn {
  margin-block: 6px;
}

.zenmen-four-steps .zenmen-price .zenmen-points {
  width: 100%;
}

/* Free download */
.zenmen-four-steps .zenmen-download {
  background-color: var(--light-bg);
  padding: 32px 20px;
  border-radius: 12px;
  border: 1px solid var(--alert-border);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-20);
}

.zenmen-four-steps .zenmen-download .zenmen-content {
  max-width: 918px;
  width: 100%;
  margin-inline: auto;
}

/* Tick Immune Support ---------------------------------------------------- */
.zenmen-tick-immune {
  max-width: 1068px;
  height: 514px;
  padding-inline: 20px;
  margin-bottom: 26px;
  margin-inline: auto;
  display: flex;
}

.zenmen-tick-immune .zenmen-left-sec,
.zenmen-tick-immune .zenmen-right-sec {
  width: 50%;
  position: relative;
}

.zenmen-tick-immune .zenmen-left-sec {
  background: var(--light-bg);
}

.zenmen-tick-immune .zenmen-left-sec img {
  max-width: 424px;
  width: 100%;
  margin-bottom: 30px;
}

.zenmen-tick-immune .zenmen-left-sec .zenmen-support {
  font-weight: 500;
  font-size: var(--font-size-18);
  line-height: var(--line-height-100);
  display: flex;
  box-shadow: 0px 0px 20px 0px #51963b33;
}

.zenmen-tick-immune .zenmen-left-sec .zenmen-support .zenmen-left {
  padding: 16px 20px;
  background-color: var(--primary-green);
  color: var(--white);
  text-wrap: nowrap;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  cursor: pointer;
  transition: 0.3s;
}

.zenmen-tick-immune .zenmen-left-sec .zenmen-support .zenmen-right {
  min-width: 280px;
  width: 100%;
  padding: 16px 20px;
  background-color: var(--light-bg);
  color: var(--midnight-blue);
  text-wrap: nowrap;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border: 1px solid var(--alert-border);
  backdrop-filter: blur(20px);
  cursor: pointer;
  transition: 0.3s;
}

.zenmen-tick-immune .zenmen-left-sec .zenmen-support .zenmen-left:hover {
  background: #52963be0;
}

.zenmen-tick-immune .zenmen-left-sec .zenmen-support .zenmen-right:hover {
  background: rgba(0, 0, 0, 0.01);
}

.zenmen-tick-immune .zenmen-right-sec {
  background-image: linear-gradient(#00000026, #00000026),
    url("../images/tick-immune.png");
  background-size: cover; /* optional for full coverage */
  background-repeat: no-repeat;
  background-position: center;
  padding: 34px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}

.zenmen-tick-immune .zenmen-right-sec .title {
  max-width: 270px;
  width: 100%;
  color: var(--white);
  font-weight: 800;
  font-size: 34px;
  line-height: var(--line-height-100);
  box-shadow: 0px 0px 20px 0px #00000033;
}

.zenmen-tick-immune .zenmen-right-sec .zenmen-point {
  max-width: 325px;
  width: 100%;
  padding: 16px 20px;
  border-radius: 12px;
  background: #ffffffb2;
  color: var(--midnight-blue);
  font-weight: 500;
  font-size: var(--font-size-18);
  line-height: var(--line-height-100);
  backdrop-filter: blur(10px);
}

.zenmen-tick-immune .zenmen-right-sec .zenmen-arrow-container,
.zenmen-tick-immune .zenmen-left-sec .zenmen-support {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -26px;
}

.zenmen-tick-immune .zenmen-right-sec .zenmen-arrow-container .zenmen-arrow {
  width: 52px;
  height: 52px;
  background-color: var(--light-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  border: 1px solid var(--alert-border);
  cursor: pointer;
  box-shadow: 0px 0px 20px 0px #51963b33;
}

/* Watch Dr. ---------------------------------------------------- */
.zenmen-watch-dr-container {
  background-color: var(--light-bg);
  padding: 60px 20px;
}

.zenmen-watch-dr-container .zenmen-watch-dr {
  max-width: 1041px;
  width: 100%;
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.zenmen-watch-dr-container .zenmen-watch-dr .zenmen-left-sec {
  width: 448px;
  height: 448px;
  border: 2px solid var(--light-gray);
  border-radius: 24px;
  position: relative;
  margin-bottom: 51px;
}

.zenmen-watch-dr-container .zenmen-watch-dr .zenmen-left-sec img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.zenmen-watch-dr-container .zenmen-watch-dr .zenmen-left-sec .zenmen-play-sec {
  max-width: 391px;
  width: 100%;
  background-color: var(--white);
  padding: 15px 18px;
  border-radius: 12px;
  border: 1px solid var(--alert-border);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -51px;
}

.zenmen-watch-dr-container
  .zenmen-watch-dr
  .zenmen-left-sec
  .zenmen-play-sec
  img {
  width: 70px;
}

.zenmen-watch-dr-container .zenmen-watch-dr .zenmen-right-sec {
  max-width: 533px;
  width: 100%;
}

.zenmen-watch-dr-container
  .zenmen-watch-dr
  .zenmen-right-sec
  .zenmen-expertise-card-container {
  margin-top: 12px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.zenmen-watch-dr-container
  .zenmen-watch-dr
  .zenmen-right-sec
  .zenmen-expertise-card-container
  .zenmen-expertise-card {
  width: fit-content;
  background-color: var(--white);
  padding: 10px;
  border-radius: 12px;
  border: 1px solid var(--alert-border);
  display: flex;
  align-items: center;
  gap: 10px;
}

/* The ZenMen Quality Promise ---------------------------------------------------- */
.zenmen-quality {
  max-width: 744px;
  width: 100%;
  padding-inline: 20px;
  margin-inline: auto;
}

.zenmen-quality .zenmen-card {
  width: 100%;
  border-radius: 12px;
  margin-top: 14px;
  border: 1px solid var(--alert-border);
}

.zenmen-quality .zenmen-card .zenmen-content {
  padding: 24px 20px;
}

.zenmen-quality .zenmen-card .zenmen-content p {
  max-width: 634px;
  width: 100%;
  margin-inline: auto;
  position: relative;
}

.zenmen-quality .zenmen-card .zenmen-content p::before {
  content: "";
  position: absolute;
  top: -14px;
  left: -18px;
  width: 88px;
  height: 88px;
  background-image: url("/images/quote-sign.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.zenmen-quality .zenmen-card .zenmen-content p::after {
  content: "";
  position: absolute;
  bottom: -28px;
  right: 8px;
  width: 88px;
  height: 88px;
  transform: rotate(180deg);
  background-image: url("/images/quote-sign.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.zenmen-quality .zenmen-card .zenmen-user-info {
  background-color: var(--light-bg);
  padding: 24px 20px;
  border-top: 1px solid var(--alert-border);
  margin-top: 30px;
  padding-top: 44px;
  position: relative;
}

.zenmen-quality .zenmen-card .zenmen-user-info .zenmen-user-icon {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  border: 2px solid var(--primary-green-20);
  overflow: hidden;
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
}

.zenmen-quality .zenmen-card .zenmen-user-info .zenmen-user-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* I Never Thought ----------------------------------------------------  */
.zenmen-community {
  background-color: var(--light-bg);
  padding: 70px 20px;
}

.zenmen-community .zenmen-content {
  max-width: 852px;
  width: 100%;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 14px;
  margin-bottom: 38px;
}

.zenmen-community .zenmen-card-container {
  max-width: 1104px;
  width: 100%;
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.zenmen-community .zenmen-card-container .zenmen-card {
  background-color: var(--white);
  border-radius: 12px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.zenmen-community
  .zenmen-card-container
  .zenmen-card
  .zenmen-review
  .zenmen-stars
  img {
  width: 20px;
  height: 20px;
}

.zenmen-community
  .zenmen-card-container
  .zenmen-card
  .zenmen-review
  .zenmen-Verified {
  background-color: var(--primary-green-20);
  padding: 4px 8px;
  border-radius: 20px;
  color: var(--primary-green);
  font-weight: 600;
  font-size: 12px;
  line-height: var(--line-height-100);
}

.zenmen-community
  .zenmen-card-container
  .zenmen-card
  .zenmen-user-info
  .zenmen-left-sec
  .zenmen-logo {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: 2px solid var(--primary-green-20);
  overflow: hidden;
}

.zenmen-community
  .zenmen-card-container
  .zenmen-card
  .zenmen-user-info
  .zenmen-left-sec
  .zenmen-logo
  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.zenmen-community
  .zenmen-card-container
  .zenmen-card
  .zenmen-user-info
  .zenmen-right-sec {
  background-color: var(--deep-purple-20);
  padding: 4px 8px;
  border-radius: 20px;
  color: var(--deep-purple);
  font-weight: 600;
  font-size: 12px;
  line-height: var(--line-height-100);
}

 .zenmen-community .zenmen-slider-dots {
    display: none;
  }

/* Marie's Recovery Journey ----------------------------------------------------  */
.zenmen-recovery-container {
  padding-inline: 20px;
}

.zenmen-recovery-container .zenmen-recovery {
  max-width: 1153px;
  width: 100%;
  margin-inline: auto;
  display: flex;
}

.zenmen-recovery .zenmen-left-sec {
  background-color: var(--light-bg);
  padding: 24px;
  max-width: 397px;
  width: 100%;
}

.zenmen-recovery .zenmen-left-sec .zenmen-title {
  max-width: 332px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.zenmen-recovery .zenmen-left-sec .zenmen-point-container {
  max-width: 332px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.zenmen-recovery .zenmen-left-sec .zenmen-point-container .zenmen-point img {
  width: 24px;
  height: 24px;
}

.zenmen-recovery .zenmen-left-sec .zenmen-point-container .zenmen-point {
  display: flex;
  align-items: center;
  gap: 14px;
}

.zenmen-recovery .zenmen-right-sec {
  width: 100%;
  background-color: var(--white);
  border: 1px solid var(--alert-border);
  padding: 24px;
}

.zenmen-recovery .zenmen-right-sec .zenmen-user-info .zenmen-user-logo {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  border: 2px solid var(--primary-green-20);
  overflow: hidden;
}

.zenmen-recovery .zenmen-right-sec .zenmen-user-info .zenmen-user-logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* Responsive Styles */
@media (max-width: 1024px) {
  .zenmen-hero-content h1 {
    font-size: var(--font-size-42);
  }
  .zenmen-hero-content p {
    font-size: var(--font-size-16);
  }
  .zenmen-product-image {
    max-width: 350px;
  }
  .zenmen-trustpilot-card {
    bottom: 40px;
  }
  .zenmen-features {
    width: 100%;
    overflow-y: auto;
    bottom: -35px;
  }
  .zenmen-features .zenmen-features-container {
    gap: 12px;
  }
  .zenmen-features .zenmen-feature-card {
    padding: 10px 12px;
  }
  .zenmen-features .zenmen-feature-card img {
    width: 36px;
    height: 36px;
  }
  .zenmen-features .zenmen-feature-card span {
    font-size: var(--font-size-16);
    text-wrap: nowrap;
  }

  /* The Hidden Symptoms Doctors Often Miss ---------------------------------------------------- */
  .zenmen-symptoms-doctors .zenmen-card-container {
    gap: 24px;
    overflow-x: auto;
  }

  .zenmen-symptoms-doctors .zenmen-card-container .zenmen-card {
    min-width: 330px;
    padding-inline: 18px;
  }
}

@media (max-width: 768px) {
  /* Common css ---------------------------------------------------- */
  .zenmen-main {
    gap: 40px;
  }

  /* Navigation ---------------------------------------------------- */
  .zenmen-nav-links a.zenmen-profile,
  .zenmen-nav-links a.zenmen-the-quiz-mobile {
    display: block;
  }

  .zenmen-main-nav {
    display: none;
    position: absolute;
    top: 64px;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: var(--white);
    flex-direction: column;
    padding: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    transition: 0.5s ease-in-out;
  }

  .zenmen-main-nav.zenmen-active {
    display: flex;
  }

  .zenmen-nav-links {
    flex-direction: column;
    align-items: center;
  }

  .zenmen-main-header {
    padding-block: 10px;
  }

  .zenmen-main-header .zenmen-logo img {
    max-width: 104px;
    width: 100%;
    height: auto;
  }

  .zenmen-header-actions .zenmen-the-quiz {
    display: none;
  }

  .zenmen-header-actions .zenmen-actions a:first-child {
    display: none;
  }

  .zenmen-mobile-nav-toggle {
    display: block;
  }

  .zenmen-mobile-nav-toggle.zenmen-open .zenmen-hamburger {
    transform: rotate(45deg);
  }
  .zenmen-mobile-nav-toggle.zenmen-open .zenmen-hamburger::before {
    transform: rotate(90deg);
    top: 0;
  }
  .zenmen-mobile-nav-toggle.zenmen-open .zenmen-hamburger::after {
    transform: rotate(90deg);
    top: 0;
    opacity: 0;
  }

  /* Hero section ---------------------------------------------------- */
  .zenmen-hero-container {
    flex-direction: column;
  }

  .zenmen-hero-content {
    max-width: 100%;
    order: 2;
  }

  .zenmen-hero-content h1 {
    font-size: 40px;
    line-height: var(--line-height-100);
  }

  .zenmen-hero-content p {
    max-width: 100%;
  }

  .zenmen-alert {
    margin-left: auto;
    margin-right: auto;
  }

  .zenmen-patient-proof {
    justify-content: center;
  }

  .zenmen-hero {
    padding-block: 40px;
  }

  .zenmen-hero-image-wrapper-main {
    flex-direction: column-reverse;
    margin-bottom: 24px;
  }

  .zenmen-hero-image-wrapper {
    order: 1;
  }

  .zenmen-product-image {
    max-width: 270px;
    min-height: auto;
    max-height: 380px;
    margin-inline: auto;
  }

  .zenmen-trustpilot-card {
    width: fit-content;
    gap: 4px;
    left: 18%;
    bottom: 0px;
    padding: 12px;
    transform: translateX(-50%);
  }

  /* Title ---------------------------------------------------- */
  .zenmen-title-container h2 {
    font-size: 28px;
  }

  .zenmen-title-container p {
    font-size: var(--font-size-18);
  }

  /* Why Most Tests Miss It ---------------------------------------------------- */
  .zenmen-most-tests {
    flex-direction: column;
  }

  .zenmen-most-tests .zenmen-left-sec {
    border-bottom-left-radius: 0px;
    border-top-right-radius: 12px;
  }

  .zenmen-most-tests .zenmen-right-sec {
    border-top-right-radius: 0px;
    border-bottom-left-radius: 12px;
  }

  .zenmen-most-tests .zenmen-left-sec .zenmen-point-container .zenmen-point p {
    max-width: 100%;
  }

  /* Clinically formulated ---------------------------------------------------- */
  .zenmen-clinically .zenmen-card .zenmen-content {
    flex-direction: column;
  }

  /* The 4-Step Protocol ---------------------------------------------------- */
  .zenmen-four-steps .zenmen-step-container {
    padding-inline: 20px;
  }

  /* Tick Immune Support ---------------------------------------------------- */
  .zenmen-tick-immune {
    flex-direction: column;
    gap: 44px;
    height: fit-content;
  }

  .zenmen-tick-immune .zenmen-right-sec {
    min-height: 454px;
    height: 100%;
  }

  .zenmen-tick-immune .zenmen-left-sec,
  .zenmen-tick-immune .zenmen-right-sec {
    width: 100%;
  }

  /* Watch Dr. ---------------------------------------------------- */
  .zenmen-watch-dr-container {
    padding: 40px 20px;
  }

  .zenmen-watch-dr-container .zenmen-watch-dr {
    flex-direction: column;
  }

  /* I Never Thought ----------------------------------------------------  */
  .zenmen-community .zenmen-card-container {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  /* Marie's Recovery Journey ----------------------------------------------------  */
  .zenmen-recovery-container .zenmen-recovery {
    flex-direction: column;
  }

  .zenmen-recovery-container .zenmen-recovery .zenmen-left-sec {
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  /* Common css ---------------------------------------------------- */
  .zenmen-title-container {
    padding-inline: 20px;
  }

  .zenmen-title-container .zenmen-text-32 {
    font-size: 28px;
  }

  .zenmen-title-container p {
    font-size: 16px;
  }

  .zenmen-primary-btn,
  .zenmen-secondary-btn {
    padding: 12px 16px;
    width: 100%;
  }

  .zenmen-secondary-btn {
    padding: 12px 16px;
  }

  /* Hero section ---------------------------------------------------- */
  .zenmen-alert {
    font-size: 12px;
    margin-bottom: 14px !important;
  }
  .zenmen-hero-content h1 {
    font-size: 34px;
  }
  .zenmen-hero .zenmen-hero-content p.zenmen-text-18 {
    font-size: var(--font-size-16) !important;
    margin-bottom: 14px;
  }
  .zenmen-hero .zenmen-hero-content .zenmen-mt-24 {
    margin-top: 14px;
  }
  .zenmen-header-actions {
    gap: var(--gap-15);
  }
  .zenmen-icon-link img {
    height: 20px;
    width: 20px;
  }
  .zenmen-features-container {
    grid-template-columns: 1fr 1fr;
  }
  .zenmen-feature-card {
    padding: 10px;
    font-size: var(--font-size-14);
    gap: var(--gap-8);
  }
  .zenmen-hero-content h1 {
    font-size: 34px;
  }

  /* The Hidden Symptoms Doctors Often Miss ---------------------------------------------------- */
  .zenmen-symptoms-doctors .zenmen-card-container .zenmen-card h5 {
    font-size: var(--font-size-20);
  }

  .zenmen-symptoms-doctors
    .zenmen-card-container
    .zenmen-card
    p.zenmen-text-18 {
    font-size: var(--font-size-16) !important;
  }

  .zenmen-symptoms-doctors
    .zenmen-card-container
    .zenmen-card
    .zenmen-info-card
    .zenmen-info-text {
    font-size: var(--font-size-15) !important;
  }

  /* Why Most Tests Miss It ---------------------------------------------------- */
  .zenmen-most-tests .zenmen-left-sec {
    padding: 14px;
  }

  .zenmen-most-tests .zenmen-left-sec .zenmen-point-container {
    gap: 18px;
  }

  .zenmen-most-tests
    .zenmen-left-sec
    .zenmen-point-container
    .zenmen-point
    img {
    width: 20px;
    height: 20px;
  }

  .zenmen-most-tests .zenmen-left-sec .zenmen-point-container .zenmen-point p {
    font-size: var(--font-size-16) !important;
  }

  .zenmen-most-tests .zenmen-right-sec {
    padding: 30px 18px 18px;
  }

  .zenmen-most-tests .zenmen-right-sec .zenmen-arr {
    display: none;
  }

  .zenmen-most-tests .zenmen-right-sec .zenmen-content p.zenmen-text-18 {
    font-size: var(--font-size-16) !important;
  }

  .zenmen-most-tests
    .zenmen-right-sec
    .zenmen-content-container
    .zenmen-content
    .zenmen-quote-sign {
    left: -6px;
  }

  .zenmen-most-tests
    .zenmen-right-sec
    .zenmen-content-container
    .zenmen-content
    .zenmen-quote-sign
    img {
    max-width: 70px;
    width: 100%;
  }

  .zenmen-most-tests
    .zenmen-right-sec
    .zenmen-content-container
    .zenmen-content
    .zenmen-user-info {
    margin-top: 28px;
  }

  .zenmen-most-tests
    .zenmen-right-sec
    .zenmen-content-container
    .zenmen-content
    .zenmen-user-info
    .zenmen-logo {
    width: 44px;
    height: 44px;
  }

  .zenmen-most-tests
    .zenmen-right-sec
    .zenmen-content-container
    .zenmen-content
    .zenmen-user-info
    h6 {
    margin-top: 14px;
  }

  /* Clinically-Formulated ---------------------------------------------------- */
  .zenmen-clinically .zenmen-card {
    margin-block: 20px 24px;
  }

  .zenmen-clinically .zenmen-card .zenmen-content {
    gap: 20px !important;
  }

  .zenmen-clinically .zenmen-card .zenmen-arr {
    display: none;
  }

  .zenmen-clinically .zenmen-card .zenmen-content .zenmen-basic-info {
    gap: 12px !important;
  }

  .zenmen-clinically .zenmen-card .zenmen-content .zenmen-right-sec {
    gap: 18px !important;
  }

  .zenmen-clinically .zenmen-card .zenmen-price {
    gap: 12px !important;
  }

  .zenmen-clinically .zenmen-card .zenmen-price .zenmen-gap-24 {
    flex-wrap: wrap;
    gap: 12px !important;
  }

  .zenmen-clinically .zenmen-card .zenmen-price .zenmen-gap-24 p {
    margin-inline: 12px;
  }

  .zenmen-clinically .zenmen-card .zenmen-basic-info h4 {
    font-size: 28px;
  }

  /* The 4-Step Protocol ---------------------------------------------------- */
  .zenmen-four-steps .zenmen-step-container .zenmen-step-tabs {
    padding: 10px;
  }

  .zenmen-four-steps .zenmen-step-container .zenmen-step-tabs .zenmen-step-tab {
    padding-inline: 14px;
  }

  /* Product */
  .zenmen-four-steps .zenmen-product-card-container {
    gap: var(--gap-14);
    margin-bottom: 56px;
  }
  .zenmen-four-steps .zenmen-product-card-container .zenmen-product-card {
    height: fit-content;
    padding: 12px;
  }
  .zenmen-four-steps
    .zenmen-product-card-container
    .zenmen-product-card
    .zenmen-button
    a {
    max-width: 164px;
    width: 100%;
    min-height: 45px;
    line-height: 100%;
    font-size: var(--font-size-14);
    text-wrap: wrap;
    padding: 4px 6px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .zenmen-four-steps .zenmen-product-card-container .zenmen-product-card img {
    max-width: 114px;
    max-height: 160px;
    margin-bottom: 20px;
  }

  /* Disrupt */
  .zenmen-four-steps .zenmen-disrupt .zenmen-disrupt-card-container {
    grid-template-columns: 1fr;
    margin-bottom: 24px;
  }

  .zenmen-four-steps .zenmen-disrupt .zenmen-disrupt-card-container h4 {
    font-size: 22px !important;
  }

  .zenmen-four-steps .zenmen-disrupt .zenmen-disrupt-card-container p {
    font-size: 16px !important;
  }

  .zenmen-four-steps
    .zenmen-disrupt
    .zenmen-disrupt-card-container
    .zenmen-disrupt-card {
    padding: 18px 20px;
  }

  .zenmen-four-steps
    .zenmen-disrupt
    .zenmen-disrupt-card-container
    .zenmen-disrupt-card
    .zenment-card-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 12px;
  }

  .zenmen-four-steps
    .zenmen-disrupt
    .zenmen-disrupt-card-container
    .zenmen-disrupt-card
    .zenmen-icon {
    margin-inline: 0;
  }

  .zenmen-four-steps
    .zenmen-disrupt
    .zenmen-disrupt-card-container
    .zenmen-disrupt-card
    .zenment-card-content.zenmen-mb-24 {
    margin-bottom: 12px;
  }

  .zenmen-four-steps
    .zenmen-disrupt
    .zenmen-disrupt-card-container
    h4.zenmen-mb-14 {
    margin-bottom: 12px;
  }

  .zenmen-four-steps
    .zenmen-disrupt
    .zenmen-disrupt-card-container
    .zenmen-disrupt-card
    .zenmen-product-card {
    padding: 14px;
  }

  .zenmen-four-steps
    .zenmen-disrupt
    .zenmen-disrupt-card-container
    .zenmen-disrupt-card
    .zenmen-product-card
    .zenmen-left-sec {
    min-width: 70px;
    min-height: 70px;
  }

  .zenmen-four-steps
    .zenmen-disrupt
    .zenmen-disrupt-card-container
    .zenmen-disrupt-card
    .zenmen-product-card
    .zenmen-left-sec
    img {
    max-width: 42px;
    width: 100%;
    max-height: 60px;
  }

  .zenmen-four-steps .zenmen-price {
    margin-bottom: 24px;
  }

  .zenmen-four-steps .zenmen-price .zenmen-flex-center.zenmen-gap-24 {
    flex-wrap: wrap;
    max-width: 200px;
  }

  .zenmen-four-steps .zenmen-price .zenmen-points {
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px !important;
  }

  .zenmen-four-steps .zenmen-download {
    padding: 14px;
  }

  /* Tick Immune Support ---------------------------------------------------- */
  .zenmen-tick-immune .zenmen-left-sec img {
    max-width: 320px;
    width: 100%;
    margin-bottom: 30px;
  }

  .zenmen-tick-immune .zenmen-left-sec .zenmen-support .zenmen-left,
  .zenmen-tick-immune .zenmen-left-sec .zenmen-support .zenmen-right {
    min-width: fit-content;
    padding: 14px 16px;
  }

  .zenmen-tick-immune .zenmen-left-sec,
  .zenmen-tick-immune .zenmen-right-sec {
    border-radius: 12px;
    height: 390px;
  }

  .zenmen-tick-immune .zenmen-right-sec {
    padding: 24px;
  }

  /* Watch Dr. ---------------------------------------------------- */
  .zenmen-watch-dr-container
    .zenmen-watch-dr
    .zenmen-right-sec
    .zenmen-text-40 {
    font-size: 24px;
  }

  .zenmen-watch-dr-container
    .zenmen-watch-dr
    .zenmen-right-sec
    .zenmen-expertise-card-container {
    margin-top: 0;
  }

  .zenmen-watch-dr-container .zenmen-watch-dr .zenmen-left-sec {
    max-width: 480px;
    width: 100%;
    height: auto;
  }

  .zenmen-watch-dr-container
    .zenmen-watch-dr
    .zenmen-left-sec
    .zenmen-play-sec {
    max-width: 356px;
    width: 100%;
  }

  .zenmen-watch-dr-container
    .zenmen-watch-dr
    .zenmen-left-sec
    .zenmen-play-sec
    h5 {
    font-size: var(--font-size-20);
  }

  .zenmen-watch-dr-container .zenmen-watch-dr .zenmen-right-sec h4 {
    font-size: var(--font-size-24) !important;
  }

  .zenmen-watch-dr-container .zenmen-watch-dr .zenmen-right-sec {
    gap: 12px !important;
  }

  .zenmen-watch-dr-container
    .zenmen-watch-dr
    .zenmen-right-sec
    .zenmen-expertise-card-container
    .zenmen-expertise-card
    p {
    font-size: 13px !important;
  }

  .zenmen-quality .zenmen-card .zenmen-content p::before {
    left: 0;
  }

  /* I Never Thought ----------------------------------------------------  */
  .zenmen-community {
    padding-block: 34px;
  }

  .zenmen-community .zenmen-content {
    margin-bottom: 24px;
  }

  .zenmen-community .zenmen-content h4.zenmen-text-40 {
    font-size: 28px !important;
  }

  .zenmen-community .zenmen-content p.zenmen-text-18 {
    font-size: 16px !important;
  }

  .zenmen-community .zenmen-card-container {
    display: flex;
    overflow-y: auto;
    width: 100%;
    gap: 0px;
  }

  .zenmen-community .zenmen-card-container .zenmen-card {
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    padding: 18px;
  }

  .zenmen-community .zenmen-slider-dots {
    display: flex;
  }

  /* Marie's Recovery Journey ----------------------------------------------------  */
  .zenmen-recovery .zenmen-left-sec {
    padding: 14px;
  }

  .zenmen-recovery .zenmen-left-sec .zenmen-title {
    margin-bottom: 16px;
    max-width: 100%;
  }

  .zenmen-recovery .zenmen-left-sec .zenmen-title h4 {
    font-size: 28px;
    max-width: 348px;
    width: 100%;
    text-align: center;
    margin-inline: auto;
  }

  .zenmen-recovery .zenmen-left-sec .zenmen-point-container {
    max-width: 100%;
    gap: 18px;
  }

  .zenmen-recovery .zenmen-left-sec .zenmen-point-container p {
    font-size: 16px !important;
  }

  .zenmen-recovery .zenmen-right-sec {
    padding: 18px;
    gap: 28px !important;
    align-items: center;
  }

  .zenmen-recovery .zenmen-right-sec .zenmen-user-info .zenmen-user-logo {
    width: 67px;
    height: 67px;
  }

  .zenmen-recovery .zenmen-right-sec .zenmen-text-18 {
    gap: 18px !important;
  }

  .zenmen-recovery .zenmen-right-sec .zenmen-text-18 span {
    text-align: center;
    font-size: var(--font-size-16) !important;
  }

  .zenmen-recovery .zenmen-right-sec .zenmen-user-info .zenmen-gap-6 {
    gap: var(--gap-4) !important;
  }
}