/* =========================================================
   WELLNEST ULTRA PREMIUM HERO
========================================================= */
.text-pre-green {
  position: relative;
  display: inline-block;
  color: transparent;
  background: linear-gradient( 90deg, #078c72, #16a263, #4dac4f );
    background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
}
.wnxp-hero-section {
   position: relative;
   padding: 26px 0 26px;
   /* overflow: hidden;
   isolation: isolate;

   background:
      radial-gradient(circle at 4% 28%, rgba(95, 224, 181, .15), transparent 25%),
      radial-gradient(circle at 92% 78%, rgba(110, 220, 81, .10), transparent 28%),
      linear-gradient(180deg, #fbfffd 0%, #ffffff 53%, #f7fcfa 100%); */
}
.text1{
color: #1c2d41;
}

/* =========================================
   BACKGROUND
========================================= */

.wnxp-grid-bg {
   position: absolute;
   inset: 0;
   z-index: -5;

   background-image:
      linear-gradient(rgba(16, 116, 77, .025) 1px, transparent 1px),
      linear-gradient(90deg, rgba(16, 116, 77, .025) 1px, transparent 1px);

   background-size: 42px 42px;

   mask-image:
      linear-gradient(
         to bottom,
         rgba(0, 0, 0, .85),
         rgba(0, 0, 0, .1)
      );
}


.wnxp-glow {
   position: absolute;
   border-radius: 50%;
   filter: blur(75px);
   pointer-events: none;
   z-index: -4;
}


.wnxp-glow-left {
   width: 370px;
   height: 370px;

   left: -170px;
   top: 130px;

   background: rgba(74, 224, 179, .15);
}


.wnxp-glow-right {
   width: 430px;
   height: 430px;

   right: -190px;
   bottom: -170px;

   background: rgba(110, 222, 70, .12);
}


.wnxp-floating-shape {
   position: absolute;
   z-index: -1;

   width: 30px;
   height: 30px;

   border-radius: 8px;

   background:
      linear-gradient(145deg, #a7f6c4, #54d67f);

   box-shadow:
      0 12px 30px rgba(38, 166, 91, .16);

   opacity: .45;
}


.wnxp-shape-1 {
   top: 21%;
   left: 1%;
   transform: rotate(10deg);
}


.wnxp-shape-2 {
   right: 2%;
   top: 17%;

   width: 26px;
   height: 26px;

   transform: rotate(-12deg);
}


/* =========================================
   PRE HEADLINE PILL
========================================= */

.wnxp-pre-pill {
   position: relative;

   display: inline-flex;
   align-items: center;
   justify-content: center;

   max-width: 940px;

   gap: 12px;

   padding: 10px 27px;

   border-radius: 100px;

   background:
      linear-gradient(
         180deg,
         rgba(255,255,255,.98),
         rgba(242,253,246,.98)
      );

   border: 1px solid rgba(67, 182, 87, .30);

   box-shadow:
      0 11px 34px rgba(18, 100, 65, .07),
      inset 0 1px 0 #fff;

   font-family: "Poppins", sans-serif;
   font-size: 16px;
   line-height: 1.45;
   font-weight: 500;

   color: #0d2948;
}


.wnxp-pre-icon {
   flex: 0 0 31px;

   width: 31px;
   height: 31px;

   display: flex;
   align-items: center;
   justify-content: center;

   border-radius: 9px;

   background:
      linear-gradient(
         145deg,
         #07593f,
         #078944
      );

   box-shadow:
      0 6px 14px rgba(5, 123, 67, .24);
}


.wnxp-pre-icon svg {
   width: 17px;
   height: 17px;

   fill: #c9fb75;
}


.wnxp-pre-copy strong {
   color: #09733d;
   font-weight: 800;
}


.wnxp-pre-copy > span {
   color: #138f36;
   font-weight: 900;
}


/* =========================================
   PRE SECONDARY LINE
========================================= */

.wnxp-pre-secondary {
margin-top: 28px;
  font-family: "Poppins", sans-serif;
  font-size: clamp(20px, 2.65vw, 28px);
  font-weight: 900;
  line-height: 1.18;
  letter-spacing: -1.4px;
  color: #072748;
}


.wnxp-pre-green {
   position: relative;

   display: inline-block;

   color: transparent;

   background:
      linear-gradient(
         90deg,
         #078c72,
         #16a263,
         #4dac4f
      );

   -webkit-background-clip: text;
   background-clip: text;
}


.wnxp-pre-green::after {
   content: "";

   position: absolute;

   left: 8%;
   right: 8%;

   bottom: -12px;

   height: 4px;

   border-radius: 50px;

   transform: rotate(-1.5deg);

   background:
      linear-gradient(
         90deg,
         transparent,
         #93e36a,
         #49ce3e,
         transparent
      );

   box-shadow:
      0 3px 10px rgba(79, 207, 62, .23);
}


/* =========================================
   HEADLINE
========================================= */

.wnxp-headline-wrap {
   position: relative;

   max-width: 1230px;

   margin: 40px auto 0;

   text-align: center;
}


.wnxp-headline-wrap::before {
   content: "";

   position: absolute;

   width: 480px;
   height: 180px;

   left: 50%;
   top: 40%;

   transform: translate(-50%, -50%);

   background:
      radial-gradient(
         ellipse,
         rgba(85, 217, 84, .09),
         transparent 68%
      );

   pointer-events: none;

   z-index: -1;
}


.wnxp-headline-line {
display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px 10px;
  font-family: "Poppins", sans-serif;
  font-size: clamp(30px, 3.35vw, 46px);
  line-height: 1.18;
  font-weight: 900;
  letter-spacing: -1px;
}


.wnxp-headline-line-two {
   max-width: 1200px;

   margin: 11px auto 0;
}


.wnxp-dark {
   color: #062848;
}


.wnxp-ai-engine {
   position: relative;

   display: inline-block;

   padding-bottom: 12px;

   color: transparent;

   background:
      linear-gradient(
         180deg,
         #31b247 0%,
         #108236 52%,
         #05692d 100%
      );

   -webkit-background-clip: text;
   background-clip: text;

   filter:
      drop-shadow(0 7px 13px rgba(8, 112, 48, .09));
}


.wnxp-engine-arrow {
position: absolute;
  left: 2%;
  right: -3%;
  bottom: 7px;
  height: 4px;
  border-radius: 50px;
  background: linear-gradient( 90deg, #40d22f, #87e52d );
  transform: rotate(-1.5deg);
}


.wnxp-engine-arrow::after {
   content: "";

   position: absolute;

   right: -1px;
   top: -4px;

   border-left: 10px solid #76dc2c;
   border-top: 6px solid transparent;
   border-bottom: 6px solid transparent;
}


.wnxp-coach-highlight {
   color: #07833c;

   text-shadow:
      0 8px 25px rgba(11, 123, 58, .08);
}


/* =========================================
   MOTIVATED 24/7
========================================= */

.wnxp-headline-action {
   margin-top: 12px;
}


.wnxp-motivated-pill {
   position: relative;

   display: inline-block;

padding: 4px 12px 4px;

   border-radius: 15px;

   color: #fff;

   background:
      linear-gradient(
         105deg,
         #6bce29 0%,
         #15923d 31%,
         #00613a 72%,
         #087944 100%
      );

   border: 1px solid rgba(80, 215, 75, .45);

   box-shadow:
      0 13px 27px rgba(14, 131, 61, .19),
      0 0 0 4px rgba(85, 211, 76, .04),
      inset 0 1px 1px rgba(255,255,255,.28);

   text-shadow:
      0 2px 2px rgba(0,0,0,.08);
}


.wnxp-motivated-pill::after {
   content: "";

   position: absolute;

   left: 18px;
   right: 18px;

   bottom: -12px;

   height: 19px;

   border-radius: 50%;

   background:
      rgba(95, 222, 57, .19);

   filter: blur(12px);

   z-index: -1;
}


/* =========================================
   PAY LINE
========================================= */

.wnxp-headline-pay {
   margin-top: 16px;

   display: flex;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;

   gap: 8px 12px;

   font-family: "Poppins", sans-serif;

   font-size: clamp(27px, 2.8vw, 43px);

   font-weight: 900;

   line-height: 1.25;

   letter-spacing: -1.5px;

   color: #092a49;
}


.wnxp-pay-dash {
   color: #15963e;
}


.wnxp-pay-text {
   position: relative;

   color: transparent;

   background:
      linear-gradient(
         180deg,
         #2bb247,
         #087532
      );

   -webkit-background-clip: text;
   background-clip: text;
}


.wnxp-pay-text::after {
   content: "";

   position: absolute;

   left: 3%;
   right: 3%;
   bottom: -6px;

   height: 3px;

   border-radius: 100px;

   background:
      linear-gradient(
         90deg,
         transparent,
         #8add42,
         #3ac346,
         transparent
      );
}


/* =========================================
   SUB HEADLINE CARD
========================================= */

.wnxp-sub-card {
   position: relative;

   margin-top: 31px;

   padding: 18px 27px;

   display: flex;

   align-items: center;

   gap: 17px;

   overflow: hidden;

   border-radius: 23px;

   text-align: left;

   background:
      linear-gradient(
         135deg,
         rgba(255,255,255,.98),
         rgba(246,254,248,.98)
      );

   border:
      1px solid rgba(22, 137, 68, .11);

   box-shadow:
      0 18px 55px rgba(10, 81, 54, .075),
      inset 0 1px 0 rgba(255,255,255,.9);
}


.wnxp-sub-card::before {
   content: "";

   position: absolute;

   left: 0;
   top: 0;
   bottom: 0;

   width: 5px;

   background:
      linear-gradient(
         180deg,
         #7bdc32,
         #0b8b49
      );
}


.wnxp-sub-card::after {
   content: "";

   position: absolute;

   width: 250px;
   height: 250px;

   right: -170px;
   top: -180px;

   border-radius: 50%;

   background:
      rgba(101, 222, 69, .09);

   filter: blur(20px);
}


.wnxp-sub-shine {
   position: absolute;

   width: 130px;
   height: 180%;

   top: -40%;
   left: -190px;

   transform: rotate(20deg);

   background:
      linear-gradient(
         90deg,
         transparent,
         rgba(255,255,255,.8),
         transparent
      );

   opacity: .75;
}


.wnxp-sub-icon {
   position: relative;
   z-index: 2;

   flex: 0 0 55px;

   width: 55px;
   height: 55px;

   display: flex;
   align-items: center;
   justify-content: center;

   border-radius: 16px;

   background:
      linear-gradient(
         145deg,
         #efffed,
         #dff9df
      );

   border:
      1px solid rgba(73, 190, 70, .25);

   box-shadow:
      0 9px 22px rgba(39, 144, 58, .10);
}


.wnxp-sub-icon svg {
   width: 29px;
   height: 29px;

   fill: #138a41;
}


.wnxp-sub-content {
   position: relative;
   z-index: 2;
}


.wnxp-sub-line {
   color: #334b5e;

   font-family: "Poppins", sans-serif;

   font-size: clamp(15px, 1.45vw, 19px);

   line-height: 1.65;

   font-weight: 500;
}


.wnxp-sub-line strong {
   color: #0d2948;
   font-weight: 800;
}


.wnxp-sub-line-two {
   margin-top: 4px;
}


.wnxp-memory-text {
   color: #087b3c !important;
}


.wnxp-recurring-text {
   color: #078c3c !important;
}


/* =========================================
   BENEFIT BAR
========================================= */

.wnxp-benefits {
   position: relative;

   /* max-width: 1280px; */
 max-width: 1040px;
   margin: 20px auto 0;

   /* padding: 10px 22px; */

   display: grid;

   grid-template-columns: repeat(5, 1fr);

   /* border-radius: 25px;

   background:
      linear-gradient(
         105deg,
         rgba(255,255,255,.98),
         rgba(248,255,250,.95),
         rgba(255,255,255,.98)
      );

   border:
      1px solid rgba(24, 108, 67, .08);

   box-shadow:
      0 21px 65px rgba(19, 78, 54, .09);

   backdrop-filter: blur(10px); */
}


.wnxp-benefit {
position: relative;
  min-height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 5px 0;
}


.wnxp-benefit:not(:last-child)::after {
   content: "";

   position: absolute;

   right: 0;
   top: 14%;

   width: 1px;
   height: 72%;

   background:
      linear-gradient(
         transparent,
         #d8e9df,
         transparent
      );
}


.wnxp-benefit-icon {
flex: 0 0 35px;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: linear-gradient( 145deg, #ffffff, #f1fff0 );
  border: 2px solid #a5e990;
  box-shadow: 0 8px 20px rgba(27, 137, 57, .11), inset 0 1px 0 #ffffff;
}


.wnxp-benefit-icon svg {
   width: 20px;
   height: 20px;

   fill: #13953c;
}


.wnxp-benefit-copy {
   display: flex;
   flex-direction: column;

   text-align: left;

   line-height: 1.12;
}


.wnxp-benefit-copy strong {
   color: #06762c;

   font-family: "Poppins", sans-serif;

   font-size: 17px;

   font-weight: 900;
}


.wnxp-benefit-copy span {
   margin-top: 2px;

   color: #102c4c;

   font-family: "Poppins", sans-serif;

   font-size: 14px;

   font-weight: 500;
}


/* =========================================
   BOTTOM STATEMENT
========================================= */

.wnxp-bottom-statement {
position: relative;
  margin-top: 15px;
  padding: 10px 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  overflow: hidden;
  border-radius: 19px;
  background: linear-gradient( 105deg, #07553f 0%, #087741 40%, #075d43 72%, #0c4e43 100% );
  border: 1px solid rgba(100, 255, 104, .31);
  box-shadow: 0 20px 45px rgba(8, 88, 58, .17), 0 0 0 4px rgba(62, 204, 74, .04), inset 0 1px 1px rgba(255,255,255,.14);
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: clamp(17px, 2vw, 18px);
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: -.4px;
}


.wnxp-bottom-glow {
   position: absolute;

   width: 430px;
   height: 100px;

   top: -62px;
   left: 50%;

   transform: translateX(-50%);

   border-radius: 50%;

   background:
      rgba(119, 241, 75, .21);

   filter: blur(35px);
}


.wnxp-bottom-arrow-icon {
   position: relative;
   z-index: 2;

   display: inline-flex;

   align-items: center;
   justify-content: center;

   width: 34px;
   height: 34px;

   border-radius: 50%;

   color: #075739;

   background:
      #c7f86e;

   font-size: 20px;
   font-weight: 900;

   box-shadow:
      0 6px 14px rgba(0,0,0,.12);
}


.wnxp-bottom-normal,
.wnxp-bottom-separator,
.wnxp-bottom-highlight {
   position: relative;
   z-index: 2;
}


.wnxp-bottom-highlight {
   color: #c7f55f;

   text-shadow:
      0 4px 15px rgba(171, 239, 73, .20);
}


/* bottom arrow accent */

.wnxp-bottom-accent {
   height: 20px;

   margin-top: 18px;

   display: flex;
   justify-content: center;
}


.wnxp-bottom-accent span {
   position: relative;

   width: 230px;
   height: 4px;

   display: block;

   border-radius: 50px;

   transform: rotate(-4deg);

   background:
      linear-gradient(
         90deg,
         transparent,
         #3dbb2f,
         #94e02f
      );
}


.wnxp-bottom-accent span::after {
   content: "";

   position: absolute;

   right: -2px;
   top: -5px;

   border-left: 13px solid #8cdd31;
   border-top: 7px solid transparent;
   border-bottom: 7px solid transparent;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

   .wnxp-hero-section {
      padding: 24px 10px 35px;
   }


   .wnxp-headline-line {
      font-size: clamp(28px, 4.8vw, 42px);
   }


   .wnxp-benefits {
      grid-template-columns: repeat(2, 1fr);

      padding: 12px;
   }


   .wnxp-benefit:nth-child(2n)::after {
      display: none;
   }


   .wnxp-benefit {
      border-bottom:
         1px solid rgba(13, 111, 64, .08);
   }


   .wnxp-benefit:last-child {
      grid-column: 1 / -1;

      border-bottom: 0;
   }


   .wnxp-sub-card {
      align-items: flex-start;
   }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

   .wnxp-hero-section {
      padding: 18px 8px 28px;
   }


   .wnxp-pre-pill {
      width: 100%;

      padding: 9px 12px;

      gap: 8px;

      border-radius: 15px;

      font-size: 12px;
   }


   .wnxp-pre-icon {
      flex: 0 0 28px;

      width: 28px;
      height: 28px;
   }


   .wnxp-pre-secondary {
      margin-top: 22px;

      font-size: clamp(22px, 6.7vw, 30px);

      line-height: 1.25;

      letter-spacing: -.8px;
   }


   .wnxp-pre-green {
      display: block;

      margin-bottom: 7px;
   }


   .wnxp-headline-wrap {
      margin-top: 35px;
   }


   .wnxp-headline-line {
      gap: 5px 8px;

      font-size: clamp(24px, 7.2vw, 31px);

      line-height: 1.3;

      letter-spacing: -.9px;
   }


   .wnxp-headline-line-two {
      margin-top: 8px;
   }


   .wnxp-ai-engine {
      padding-bottom: 9px;
   }


   .wnxp-motivated-pill {
      padding: 4px 13px 5px;

      border-radius: 11px;
   }


   .wnxp-headline-pay {
      margin-top: 13px;

      font-size: clamp(21px, 6vw, 27px);

      line-height: 1.35;

      letter-spacing: -.6px;
   }


   .wnxp-sub-card {
      margin-top: 24px;

      padding: 15px 14px;

      gap: 10px;

      border-radius: 17px;
   }


   .wnxp-sub-icon {
      flex: 0 0 43px;

      width: 43px;
      height: 43px;

      border-radius: 12px;
   }


   .wnxp-sub-icon svg {
      width: 23px;
      height: 23px;
   }


   .wnxp-sub-line {
      font-size: 13px;

      line-height: 1.55;
   }


   .wnxp-benefits {
      margin-top: 16px;

      border-radius: 18px;
   }


   .wnxp-benefit {
      min-height: 75px;

      padding: 8px 5px;

      gap: 7px;
   }


   .wnxp-benefit-icon {
      flex: 0 0 43px;

      width: 43px;
      height: 43px;
   }


   .wnxp-benefit-icon svg {
      width: 21px;
      height: 21px;
   }


   .wnxp-benefit-copy strong {
      font-size: 14px;
   }


   .wnxp-benefit-copy span {
      font-size: 11px;
   }


   .wnxp-bottom-statement {
      margin-top: 16px;

      padding: 14px 12px;

      border-radius: 14px;

      font-size: clamp(15px, 4.4vw, 19px);
   }


   .wnxp-bottom-arrow-icon {
      width: 29px;
      height: 29px;

      font-size: 17px;
   }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

   .wnxp-benefits {
      grid-template-columns: 1fr 1fr;
   }


   .wnxp-benefit {
      flex-direction: column;

      text-align: center;

      gap: 5px;
   }


   .wnxp-benefit-copy {
      align-items: center;

      text-align: center;
   }


   .wnxp-benefit::after {
      display: none;
   }


   .wnxp-benefit:last-child {
      grid-column: 1 / -1;
   }

}





/* =====================================================
   REFERENCE STYLE - 3 CARDS PER ROW
   WELLNEST WHITE / GREEN THEME
===================================================== */

.health-points-row {
   row-gap: 16px;
}


/* each bootstrap column */

.health-point-col {
   display: flex;
}


/* =====================================================
   CARD
===================================================== */

.health-point-card {
   position: relative;

   width: 100%;
   min-height: 104px;

   display: flex;
   align-items: center;

   gap: 18px;

   padding: 18px 22px;

   background:
      linear-gradient(
         110deg,
         #07523e,
         #4c855f
      );

   border-color: transparent;

   border-radius: 21px;

   box-shadow:
      0 9px 25px rgba(6, 65, 48, 0.06),
      0 2px 5px rgba(6, 65, 48, 0.025);

   transition:
      transform 0.25s ease,
      box-shadow 0.25s ease,
      border-color 0.25s ease;
}


/* HOVER */

.health-point-card:hover {
   transform: translateY(-3px);

   border-color: transparent;

   box-shadow:
      0 15px 32px rgba(6, 65, 48, 0.10);
}


/* =====================================================
   ICON
===================================================== */

.health-point-icon {
   flex: 0 0 52px;

   width: 52px;
   height: 52px;

   display: flex;
   align-items: center;
   justify-content: center;

   border-radius: 14px;

   background: #ffffff;

   border: 0;

   box-shadow:
      0 6px 15px rgba(12, 95, 60, 0.07);
}


.health-point-icon svg {
   width: 27px;
   height: 27px;

   fill: #07523e;
}


/* =====================================================
   TEXT
===================================================== */

.health-point-text {
   color: #ffffff;

   font-family: "Poppins", sans-serif;

   font-size: 17px;

   font-weight: 300;

   line-height: 1.42;

   letter-spacing: -0.2px;
}


.health-point-text strong {
   color: #ffffff;

   font-weight: 600;
}


/* =====================================================
   GUARANTEE
===================================================== */

.health-point-guarantee {
   background:
      linear-gradient(
         110deg,
         #07523e,
         #4c855f
      );

   border-color: transparent;
}


.health-point-guarantee
.health-point-icon {
   background: #ffffff;

   border: 0;
}


.health-point-guarantee
.health-point-icon svg {
   fill: #07523e;
}


.health-point-guarantee
.health-point-text,
.health-point-guarantee
.health-point-text strong {
   color: #ffffff;
}


/* =====================================================
   DESKTOP
===================================================== */

@media (min-width: 992px) {

   .health-point-card {
      min-height: 104px;
   }

}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 991px) {

   .health-point-card {
      min-height: 100px;

      padding: 17px;
   }


   .health-point-text {
      font-size: 14px;
   }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 767px) {

   .health-points-row {
      row-gap: 11px;
   }


   .health-point-card {
      min-height: 88px;

      gap: 13px;

      padding: 14px 15px;

      border-radius: 16px;
   }


   .health-point-icon {
      flex: 0 0 45px;

      width: 45px;
      height: 45px;

      border-radius: 12px;
   }


   .health-point-icon svg {
      width: 23px;
      height: 23px;
   }


   .health-point-text {
      font-size: 13px;

      line-height: 1.4;
   }

}

/* ===============================
   WELLNEST AI PREMIUM VIDEO
================================ */

.wellact-video-section{
    position:relative;
    /* overflow:hidden; */


}


/* ===============================
   HEADING AREA
================================ */

.wellact-heading-wrap{
    position:relative;
    max-width:940px;
    margin:0 auto 42px;
    padding:30px 50px 32px;
    border:1px solid rgba(13,72,55,.09);
    border-radius:24px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.98),
            rgba(247,252,249,.94)
        );

    box-shadow:
        0 18px 55px rgba(9,52,39,.07),
        inset 0 1px 0 rgba(255,255,255,.95);
}


/* top subtle premium line */
.wellact-heading-wrap::before{
    content:"";
    position:absolute;
    top:0;
    left:17%;
    right:17%;
    height:3px;
    border-radius:0 0 10px 10px;

    background:linear-gradient(
        90deg,
        transparent,
        #15944e,
        #a9dc20,
        transparent
    );
}


/* small label */
.wellact-mini-label{
    width:max-content;
    max-width:100%;
    margin:0 auto 13px;
    padding:7px 16px;

    border:1px solid rgba(67,165,72,.15);
    border-radius:50px;

    background:#f4fbf5;

    color:#168749;
    font-size:12px;
    line-height:1;
    font-weight:800;
    letter-spacing:1.4px;
}


/* heading */
.wellact-heading{
    color:#08150f;
    line-height:1.42;
    letter-spacing:-.5px;
}

.wellact-heading span{
    display:block;
    margin-top:7px;

    background:linear-gradient(
        90deg,
        #0b8d4d 0%,
        #67ad23 50%,
        #99c91c 100%
    );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
}


/* ===============================
   VIDEO AREA
================================ */

.wellact-video-outer{
    position:relative;
    max-width:1120px;
    margin:auto;
    padding:8px;
    border-radius:31px;

    background:linear-gradient(
        135deg,
        #0a7b48 0%,
        #1c9c54 32%,
        #b1dc25 74%,
        #74b62c 100%
    );

    box-shadow:
        0 35px 75px rgba(12,86,56,.18),
        0 10px 25px rgba(0,0,0,.07);
}


/* subtle outer light */
.wellact-video-glow{
    position:absolute;
    inset:-15px;
    z-index:-1;
    border-radius:42px;

    background:linear-gradient(
        120deg,
        rgba(21,151,81,.14),
        rgba(185,220,40,.13)
    );

    filter:blur(24px);
}


/* inner white separation */
.wellact-video-frame{
    position:relative;
    overflow:hidden;
    aspect-ratio:16 / 9;

    border:6px solid #ffffff;
    border-radius:24px;
    background:#07100c;

    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.08),
        inset 0 0 35px rgba(0,0,0,.25);
}


/* video */
.wellact-video{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:18px;
}


/* premium reflection */
.wellact-video-frame::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;

    background:linear-gradient(
        120deg,
        rgba(255,255,255,.08),
        transparent 18%,
        transparent 78%,
        rgba(255,255,255,.025)
    );
}


/* ===============================
   RESPONSIVE
================================ */

@media(max-width:991px){

    .wellact-video-section{
        padding:45px 0 65px;
    }

    .wellact-heading-wrap{
        margin-bottom:32px;
        padding:25px 30px 27px;
        border-radius:20px;
    }

    .wellact-video-outer{
        padding:6px;
        border-radius:25px;
    }

    .wellact-video-frame{
        border-width:5px;
        border-radius:20px;
    }

    .wellact-video{
        border-radius:15px;
    }
}


@media(max-width:575px){

    .wellact-video-section{
        padding:35px 0 50px;
    }

    .wellact-heading-wrap{
        margin-bottom:24px;
        padding:22px 16px 23px;
        border-radius:17px;
    }

    .wellact-mini-label{
        font-size:9px;
        letter-spacing:1px;
        padding:7px 12px;
        margin-bottom:11px;
    }

    .wellact-heading{
        font-size:20px;
        line-height:1.45;
    }

    .wellact-video-outer{
        padding:4px;
        border-radius:19px;
    }

    .wellact-video-frame{
        border-width:4px;
        border-radius:15px;
    }

    .wellact-video{
        border-radius:11px;
    }
}

/* =========================================
   WHITE + WELLNEST LOGO THEME CTA
========================================= */

.wnl-access-box {
    position: relative;
    max-width: 1160px;
    margin: 25px auto;
    border-radius: 30px;
    overflow: hidden;
    isolation: isolate;
    background: linear-gradient(180deg, #ffffff 0%, #f8fcf9 100%);
    border: 1px solid rgba(7, 88, 58, 0.10);
    box-shadow:
        0 25px 60px rgba(10, 60, 40, 0.10),
        0 10px 25px rgba(10, 60, 40, 0.06),
        inset 0 1px 0 rgba(255,255,255,0.95);
}

.wnl-access-box::before {
    content: "";
    position: absolute;
    inset: 10px;
    border-radius: 22px;
    border: 1px solid rgba(7, 88, 58, 0.06);
    pointer-events: none;
}

.wnl-bg-grid {
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .28;
    background-image:
        linear-gradient(rgba(7, 88, 58, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(7, 88, 58, 0.035) 1px, transparent 1px);
    background-size: 34px 34px;
}

.wnl-bg-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(60px);
    pointer-events: none;
}

.wnl-orb-left {
    width: 280px;
    height: 280px;
    left: -120px;
    bottom: -100px;
    background: rgba(95, 155, 116, 0.18);
}

.wnl-orb-right {
    width: 260px;
    height: 260px;
    right: -100px;
    top: -100px;
    background: rgba(0, 84, 56, 0.14);
}

.wnl-access-content {
    position: relative;
    z-index: 2;
    max-width: 930px;
    margin: 0 auto;
    padding: 54px 34px 40px;
    text-align: center;
}

/* badge */

.wnl-mini-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 18px;
    padding: 9px 16px;
    border-radius: 100px;
    background: linear-gradient(180deg, #f4fbf6 0%, #edf7f0 100%);
    border: 1px solid rgba(8, 89, 59, 0.14);
    color: #0a6a46;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 1.4px;
    box-shadow: 0 8px 20px rgba(10, 60, 40, 0.05);
}

.wnl-badge-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #1e8a5d;
    box-shadow: 0 0 0 4px rgba(30, 138, 93, 0.10);
}

/* title */

.wnl-access-title {
    margin: 0 auto 10px;
    max-width: 850px;
    color: #073f2c;
  font-size: 36px;
    line-height: 1.16;
    font-weight: 800;
    letter-spacing: -1.2px;
}

.wnl-access-title span {
    position: relative;
    display: inline-block;
    color: #07583a;
}

.wnl-access-title span::after {
    content: "";
    position: absolute;
    left: 4%;
    right: 4%;
    bottom: -5px;
    height: 4px;
    border-radius: 20px;
    background: linear-gradient(90deg, #0a5a3b, #5f9b74, #89b297);
    box-shadow: 0 4px 12px rgba(12, 86, 58, 0.16);
}

/* subtitle */

.wnl-access-subtitle {
    margin: 0 auto 15px;
    color: #587063;
    font-size: 17px;
    line-height: 1.5;
    font-weight: 400;
}

.wnl-access-subtitle strong {
    color: #073f2c;
    font-weight: 700;
}

.wnl-access-subtitle b {
    color: #0a6a46;
    font-weight: 800;
}

.wnl-plus {
    margin: 0 4px;
    color: #6b8176;
    font-weight: 600;
}

/* button */

.wnl-btn-wrap {
    max-width: 780px;
    margin: 0 auto 18px;
}

.wnl-access-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 84px;
    padding: 12px 14px 12px 34px;
    border-radius: 22px;
    text-decoration: none !important;
    overflow: hidden;
    color: #ffffff !important;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: -0.3px;
    background: linear-gradient(135deg, #0a5a3b 0%, #0d704b 45%, #6aa27f 100%);
    border: 1px solid rgba(7, 88, 58, 0.18);
    box-shadow:
        0 18px 35px rgba(10, 90, 59, 0.18),
        0 8px 18px rgba(10, 60, 40, 0.10),
        inset 0 1px 0 rgba(255,255,255,0.28);
    transition: all .3s ease;
}

.wnl-access-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 50%;
    background: linear-gradient(180deg, rgba(255,255,255,0.16), transparent);
    pointer-events: none;
}

.wnl-access-btn:hover {
    transform: translateY(-3px);
    box-shadow:
        0 22px 42px rgba(10, 90, 59, 0.24),
        0 10px 20px rgba(10, 60, 40, 0.12),
        inset 0 1px 0 rgba(255,255,255,0.34);
}

.wnl-btn-shine {
    position: absolute;
    top: -35%;
    left: -90px;
    width: 52px;
    height: 170%;
    transform: rotate(20deg);
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
    transition: left .65s ease;
}

.wnl-access-btn:hover .wnl-btn-shine {
    left: 110%;
}

.wnl-btn-text {
    position: relative;
    z-index: 2;
    flex: 1;
    text-align: center;
}

.wnl-btn-arrow {
    position: relative;
    z-index: 2;
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    margin-left: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255,255,255,0.14);
    border: 1px solid rgba(255,255,255,0.28);
    color: #fff;
    font-size: 36px;
    line-height: 1;
    font-weight: 300;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    transition: transform .3s ease;
}

.wnl-access-btn:hover .wnl-btn-arrow {
    transform: translateX(4px);
}

/* safe line */

.wnl-safe-line {
    margin: 14px auto 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: #6e8378;
    font-size: 14px;
    font-weight: 500;
}

.wnl-safe-check {
    width: 19px;
    height: 19px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #edf7f0;
    border: 1px solid rgba(12, 100, 67, 0.12);
    color: #0b714b;
    font-size: 10px;
    font-weight: 900;
}

/* payment */

.wnl-payment-wrap {
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wnl-payment-img {
    display: block;
    max-width: 420px;
    width: auto;
    max-height: 52px;
    object-fit: contain;
    margin: 0 auto;
}

/* trust row */

.wnl-trust-row {
    width: fit-content;
    max-width: 100%;
    margin: 22px auto 0;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    background: #f6faf7;
    border: 1px solid rgba(8, 89, 59, 0.08);
    box-shadow: 0 8px 22px rgba(10, 60, 40, 0.04);
}

.wnl-trust-item {
    display: flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
    color: #61766b;
    font-size: 11px;
    font-weight: 600;
}

.wnl-trust-item span {
    color: #0a6a46;
    font-weight: 900;
}

.wnl-trust-dot {
    width: 4px;
    height: 4px;
    margin: 0 14px;
    border-radius: 50%;
    background: rgba(8, 89, 59, 0.18);
}

/* responsive */

@media (max-width: 991px) {
    .wnl-access-content {
        padding: 44px 24px 34px;
    }

    .wnl-access-title {
        font-size: 38px;
    }

    .wnl-access-btn {
        min-height: 74px;
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .wnl-access-box {
        border-radius: 22px;
    }

    .wnl-access-content {
        padding: 34px 15px 28px;
    }

    .wnl-mini-badge {
        font-size: 9px;
        padding: 7px 11px;
        margin-bottom: 14px;
    }

    .wnl-access-title {
        font-size: 28px;
        line-height: 1.2;
        letter-spacing: -.6px;
    }

    .wnl-access-subtitle {
        font-size: 14px;
        margin-bottom: 22px;
    }

    .wnl-access-btn {
        min-height: 66px;
        padding: 10px 10px 10px 18px;
        border-radius: 17px;
        font-size: 16px;
    }

    .wnl-btn-arrow {
        width: 42px;
        height: 42px;
        flex: 0 0 42px;
        margin-left: 10px;
        font-size: 28px;
    }

    .wnl-payment-img {
        max-width: 100%;
        max-height: 42px;
    }

    .wnl-trust-row {
        width: 100%;
        border-radius: 14px;
        flex-wrap: wrap;
        gap: 8px 10px;
        padding: 10px 12px;
    }

    .wnl-trust-dot {
        display: none;
    }
}

@media (max-width: 480px) {
    .wnl-access-title {
        font-size: 23px;
    }

    .wnl-access-btn {
        font-size: 14px;
        padding-left: 13px;
    }

    .wnl-safe-line {
        font-size: 12px;
    }

    .wnl-trust-item {
        font-size: 10px;
    }
}

.timers-box{
margin-top: -30px;
  height: 60px;
}


/* =====================================================
   WELLNEST — ULTRA PREMIUM PROCESS SECTION
===================================================== */

.wnx-process-section {
    --wnx-dark: #064531;
    --wnx-deep: #07563c;
    --wnx-green: #167652;
    --wnx-mid: #609a76;
    --wnx-sage: #93b79f;
    --wnx-light: #edf7f1;
    --wnx-border: rgba(6, 69, 49, 0.10);

    position: relative;
    overflow: hidden;
    padding: 95px 0 110px;

    /* background:
        radial-gradient(
            circle at 5% 5%,
            rgba(98, 160, 121, 0.13),
            transparent 25%
        ),
        radial-gradient(
            circle at 95% 18%,
            rgba(8, 96, 67, 0.08),
            transparent 24%
        ),
        radial-gradient(
            circle at 55% 90%,
            rgba(130, 181, 148, 0.10),
            transparent 28%
        ),
        #ffffff; */
}


/* subtle grid */
.wnx-process-mesh {
    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: .32;

    background-image:
        linear-gradient(
            rgba(6, 69, 49, .035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(6, 69, 49, .035) 1px,
            transparent 1px
        );

    background-size: 42px 42px;

    mask-image:
        linear-gradient(
            to bottom,
            black 0%,
            transparent 82%
        );
}


/* =====================================================
   HEADER
===================================================== */

.wnx-process-header {
    position: relative;
    z-index: 3;

    max-width: 1000px;
    margin: 0 auto 72px;
}


/* kicker */
.wnx-process-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 9px;

    margin-bottom: 22px;

    padding: 9px 16px;

    border-radius: 100px;

    color: var(--wnx-deep);

    font-size: 11px;
    font-weight: 800;

    line-height: 1;
    letter-spacing: 1.5px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.98),
            rgba(239,248,242,.95)
        );

    border: 1px solid rgba(7, 86, 60, .11);

    box-shadow:
        0 8px 22px rgba(7, 72, 50, .06),
        inset 0 1px 0 #fff;
}


.wnx-kicker-dot {
    width: 8px;
    height: 8px;

    border-radius: 50%;

    background: var(--wnx-green);

    box-shadow:
        0 0 0 5px rgba(22,118,82,.08),
        0 0 15px rgba(22,118,82,.22);
}


/* heading */
.wnx-process-heading {
margin: 0;
  color: #082f24;
  font-size: 46px;
  line-height: 1.06;
  font-weight: 900;
  letter-spacing: 0;
}


.wnx-heading-highlight {
    position: relative;

    display: inline-block;

    color: var(--wnx-deep);

    padding: 0 4px;
}


.wnx-heading-highlight::before {
    content: "";

    position: absolute;

    left: -4px;
    right: -4px;
    bottom: 3px;

    height: 14px;

    z-index: -1;

    border-radius: 8px;

    background:
        linear-gradient(
            90deg,
            rgba(103,163,126,.18),
            rgba(28,123,88,.10)
        );
}


/* secondary heading */
.wnx-process-product-title {
    margin-top: 21px;

    color: var(--wnx-green);

    font-size: 33px;
    line-height: 1.2;

    font-weight: 800;

    letter-spacing: -.8px;
}


/* description */
.wnx-process-desc {
    margin: 12px auto 0;

    color: #536c61;

    font-size: 18px;
    line-height: 1.65;

    font-weight: 500;
}


/* meta */
.wnx-process-meta {
    width: fit-content;
    max-width: 100%;

    margin: 19px auto 0;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 9px 15px;

    border-radius: 100px;

    background: rgba(247,251,248,.92);

    border: 1px solid var(--wnx-border);

    box-shadow:
        0 8px 20px rgba(7,72,50,.035);
}


.wnx-process-meta span {
    display: flex;
    align-items: center;

    gap: 6px;

    color: #5a7065;

    font-size: 12px;
    font-weight: 600;

    white-space: nowrap;
}


.wnx-process-meta i {
    width: 18px;
    height: 18px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #fff;

    font-style: normal;

    font-size: 9px;
    font-weight: 900;

    background: var(--wnx-green);
}


.wnx-meta-separator {
    width: 1px;
    height: 15px;

    margin: 0 13px;

    background: rgba(7,86,60,.12);
}


/* =====================================================
   TIMELINE
===================================================== */

.wnx-process-list {
    position: relative;

    max-width: 1220px;

    margin: 0 auto;
}


.wnx-process-spine {
    position: absolute;

    left: 50%;
    top: 95px;
    bottom: 95px;

    width: 2px;

    overflow: visible;

    --wnx-progress: 0%;

    transform: translateX(-50%);

    background:
        linear-gradient(
            to bottom,
            transparent 0%,
            rgba(23,118,82,.25) 10%,
            rgba(23,118,82,.18) 90%,
            transparent 100%
        );
}


.wnx-process-spine::before {
    content: "";

    position: absolute;

    left: 50%;
    top: 0;

    width: 4px;
    height: var(--wnx-progress);

    transform: translateX(-50%);

    border-radius: 999px;

    background: linear-gradient(
        to bottom,
        #0d6b4b,
        #42a66d
    );

    box-shadow: 0 0 12px rgba(33, 137, 86, .32);

    transition: height .12s linear;

    z-index: 1;
}


.wnx-process-spine::after {
    content: "";

    position: absolute;

    left: 50%;
    top: 0;

    width: 8px;
    height: 100%;

    transform: translateX(-50%);

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(92,154,116,.08),
            transparent
        );

    filter: blur(7px);
}


/* =====================================================
   STEP ITEM
===================================================== */

.wnx-process-item {
    position: relative;

    padding: 28px 0;

margin-bottom: 15px;
}


/* step orb */
.wnx-step-orb {
    position: absolute;

    left: 50%;
    top: 50%;

    width: 70px;
    height: 70px;

    transform: translate(-50%, -50%);

    z-index: 10;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #eff8f2
        );

    border:
        1px solid rgba(7,86,60,.12);

    box-shadow:
        0 12px 30px rgba(7,72,50,.10),
        0 0 0 9px rgba(255,255,255,.92),
        0 0 0 10px rgba(7,86,60,.055);
}


.wnx-step-orb::before {
    content: "";

    position: absolute;

    inset: 8px;

    border-radius: 50%;

    background:
        linear-gradient(
            145deg,
            var(--wnx-deep),
            var(--wnx-mid)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.25);
}


.wnx-step-orb span {
    position: relative;
    z-index: 2;

    color: #fff;

    font-size: 14px;
    font-weight: 900;

    letter-spacing: .8px;
}


/* =====================================================
   CONTENT CARD
===================================================== */

.wnx-content-card {
    position: relative;

    min-height: 300px;

    padding: 38px 38px 33px;

    overflow: hidden;

    border-radius: 30px;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(119,177,140,.13),
            transparent 37%
        ),
        linear-gradient(
            145deg,
            rgba(255,255,255,.98),
            rgba(247,251,248,.96)
        );

    border: 1px solid rgba(7,86,60,.10);

    box-shadow:
        0 25px 55px rgba(7,72,50,.075),
        0 8px 20px rgba(7,72,50,.035),
        inset 0 1px 0 #fff;

    transition:
        transform .35s ease,
        box-shadow .35s ease;
}


/* accent top */
.wnx-content-card::before {
    content: "";

    position: absolute;

    left: 32px;
    right: 32px;
    top: 0;

    height: 2px;

    border-radius: 30px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(22,118,82,.62),
            rgba(96,154,118,.35),
            transparent
        );
}


/* corner glow */
.wnx-content-card::after {
    content: "";

    position: absolute;

    width: 210px;
    height: 210px;

    right: -100px;
    bottom: -115px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(111,169,133,.11),
            transparent 67%
        );

    pointer-events: none;
}


.wnx-content-card:hover {
    transform: translateY(-5px);

    box-shadow:
        0 30px 65px rgba(7,72,50,.105),
        0 10px 25px rgba(7,72,50,.045),
        inset 0 1px 0 #fff;
}


/* card top line */
.wnx-card-topline {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;
}


/* step pill */
.wnx-step-pill {
    display: inline-flex;
    align-items: center;

    min-height: 32px;

    padding: 7px 13px;

    border-radius: 100px;

    color: var(--wnx-deep);

    font-size: 11px;
    line-height: 1;

    font-weight: 900;

    letter-spacing: .7px;

    background:
        linear-gradient(
            180deg,
            #f4faf6,
            #eaf5ed
        );

    border: 1px solid rgba(7,86,60,.10);
}


/* status */
.wnx-card-status {
    color: #8ba196;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 1.2px;
}


/* title */
.wnx-step-title {
    position: relative;
    z-index: 2;

    margin: 27px 0 0;

    color: #073d2c;

    font-size: 50px;
    font-size: 40px;
    line-height: 1;

    font-weight: 900;

    letter-spacing: -1.6px;
}


/* copy */
.wnx-step-copy {
    /* position: relative;
    z-index: 2;

    max-width: 500px;

    margin: 19px 0 0;

    color: #536c61;

    font-size: 18px;
    line-height: 1.62;

    font-weight: 500; */
    position: relative;
  z-index: 2;
  max-width: 500px;
  margin: 19px 0 0;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 400;
  color: #1c2d41;
}


/* footer */
.wnx-card-footer {
    position: relative;
    z-index: 2;

    width: fit-content;

    margin-top: 25px;

    display: inline-flex;
    align-items: center;

    gap: 7px;

    padding: 8px 11px;

    border-radius: 10px;

    color: #60776c;

    font-size: 11px;
    font-weight: 600;

    background: rgba(239,247,242,.78);

    border: 1px solid rgba(7,86,60,.07);
}


.wnx-mini-check {
    width: 18px;
    height: 18px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: var(--wnx-deep);

    color: #fff;

    font-size: 9px;
    font-weight: 900;
}


/* profit variation */
.wnx-profit-card {
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(135,184,151,.20),
            transparent 38%
        ),
        linear-gradient(
            145deg,
            #ffffff,
            #f3faf5
        );
}


/* =====================================================
   MEDIA CARD
===================================================== */

.wnx-media-card {
    position: relative;

    padding: 10px;

    border-radius: 30px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.98),
            rgba(242,248,244,.96)
        );

    border: 1px solid rgba(7,86,60,.10);

    box-shadow:
        0 26px 60px rgba(7,72,50,.09),
        0 10px 24px rgba(7,72,50,.04),
        inset 0 1px 0 #fff;

    transition:
        transform .35s ease,
        box-shadow .35s ease;
}


.wnx-media-card:hover {
    transform: translateY(-5px);

    box-shadow:
        0 32px 70px rgba(7,72,50,.12),
        0 12px 28px rgba(7,72,50,.05),
        inset 0 1px 0 #fff;
}


/* media header */
.wnx-media-top {
    height: 43px;

    padding: 0 11px;

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


.wnx-browser-dots {
    display: flex;
    gap: 5px;
}


.wnx-browser-dots span {
    width: 7px;
    height: 7px;

    display: block;

    border-radius: 50%;

    background: rgba(7,86,60,.18);
}


.wnx-browser-dots span:nth-child(2) {
    background: rgba(7,86,60,.29);
}


.wnx-browser-dots span:nth-child(3) {
    background: rgba(7,86,60,.48);
}


.wnx-media-label {
    color: #8ca096;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: 1.25px;
}


/* image body */
.wnx-media-body {
    position: relative;

    overflow: hidden;

    border-radius: 22px;

    background:
        linear-gradient(
            180deg,
            #f3f9f5,
            #ffffff
        );

    border: 1px solid rgba(7,86,60,.07);
}


.wnx-media-body::after {
    content: "";

    position: absolute;

    inset: 0;

    border-radius: inherit;

    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.5);

    pointer-events: none;
}


.wnx-media-body img {
    width: 100%;

    display: block;

    border-radius: 22px;
}


/* =====================================================
   LARGE TABLET
===================================================== */

@media (max-width: 1199px) {

    .wnx-process-heading {
        font-size: 50px;
    }

    .wnx-process-product-title {
        font-size: 29px;
    }

    .wnx-step-title {
        font-size: 43px;
    }

    .wnx-step-copy {
        font-size: 16px;
    }

    .wnx-content-card {
        padding: 32px 30px;
    }

}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 991px) {

    .wnx-process-section {
        padding: 70px 0 80px;
    }

    .wnx-process-header {
        margin-bottom: 42px;
    }

    .wnx-process-heading {
        font-size: 39px;
        letter-spacing: -1.3px;
    }

    .wnx-process-product-title {
        font-size: 26px;
    }

    .wnx-process-desc {
        font-size: 16px;
    }

    .wnx-process-spine {
        display: none;
    }

    .wnx-process-item {
        padding: 10px 0 30px;

        margin-bottom: 12px;
    }

    .wnx-step-orb {
        left: 28px;
        top: 28px;

        width: 58px;
        height: 58px;

        transform: none;
    }

    .wnx-content-card,
    .wnx-media-card {
        margin-top: 30px;
    }

    .wnx-content-card {
        min-height: auto;
    }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 767px) {

    .wnx-process-section {
        padding: 52px 0 60px;
    }

    .wnx-process-header {
        margin-bottom: 32px;
    }

    .wnx-process-kicker {
        padding: 8px 12px;

        font-size: 9px;

        letter-spacing: .9px;
    }

    .wnx-process-heading {
        font-size: 30px;
        line-height: 1.12;

        letter-spacing: -.8px;
    }

    .wnx-process-product-title {
        margin-top: 16px;

        font-size: 22px;
    }

    .wnx-process-desc {
        font-size: 14px;
        line-height: 1.6;
    }

    .wnx-process-meta {
        flex-wrap: wrap;

        gap: 7px 10px;

        border-radius: 14px;
    }

    .wnx-meta-separator {
        display: none;
    }

    .wnx-process-item {
        padding-bottom: 22px;
    }

    .wnx-step-orb {
        position: relative;

        left: auto;
        top: auto;

        width: 55px;
        height: 55px;

        margin: 0 auto -7px;

        transform: none;
    }

    .wnx-step-orb::before {
        inset: 7px;
    }

    .wnx-content-card {
        margin-top: 0;

        padding: 27px 21px;

        border-radius: 22px;

        text-align: center;
    }

    .wnx-card-topline {
        justify-content: center;
        flex-wrap: wrap;
    }

    .wnx-card-status {
        display: none;
    }

    .wnx-step-title {
        margin-top: 20px;

        font-size: 35px;

        letter-spacing: -1px;
    }

    .wnx-step-copy {
        margin-top: 14px;

        font-size: 15px;
    }

    .wnx-card-footer {
        margin-top: 20px;
    }

    .wnx-media-card {
        margin-top: 0;

        padding: 8px;

        border-radius: 22px;
    }

    .wnx-media-body {
        border-radius: 17px;
    }

    .wnx-media-body img {
        border-radius: 17px;
    }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 480px) {

    .wnx-process-heading {
        font-size: 26px;
    }

    .wnx-process-product-title {
        font-size: 20px;
    }

    .wnx-process-meta span {
        font-size: 10px;
    }

    .wnx-step-title {
        font-size: 31px;
    }

    .wnx-step-copy {
        font-size: 14px;
    }

}


.wnx-step-orb.is-active {
    background: linear-gradient(
        145deg,
        #1b8159,
        #0d6044
    );

    border-color: rgba(7, 86, 60, .35);

    box-shadow:
        0 12px 30px rgba(7, 72, 50, .18),
        0 0 0 9px rgba(255, 255, 255, .92),
        0 0 0 10px rgba(7, 86, 60, .16);
}


.wnx-step-orb.is-active::before {
    background: linear-gradient(
        145deg,
        #55b878,
        #218457
    );
}


/* =========================================================
   WELLNEST AI REVIEW SECTION
   DARK BG + PREMIUM LIGHT CARDS
========================================================= */

.wnr-review-section {
  --wnr-dark: #03110c;
  --wnr-dark-2: #061a13;

  --wnr-green: #0c5a41;
  --wnr-green-2: #50866a;
  --wnr-green-3: #84ae94;

  --wnr-card: #ffffff;
  --wnr-card-soft: #f5faf7;

  --wnr-text: #113d2e;
  --wnr-muted: #667f72;

  --wnr-border: #d9e8df;

  position: relative;

  overflow: hidden;

  padding: 95px 0 110px;

  font-size: 18px;

  /* background:
    radial-gradient(
      circle at 50% 0%,
      rgba(72, 139, 101, 0.18),
      transparent 32%
    ),
    linear-gradient(
      180deg,
      #071e16 0%,
      #03110c 58%,
      #020b08 100%
    ); */
    background: url(../images/create-section2.png) no-repeat center top;
    background-size: auto;
    background-size: cover;

  isolation: isolate;
}


/* =========================================================
   BACKGROUND
========================================================= */

.wnr-review-bg {
  position: absolute;
  inset: 0;

  z-index: -1;

  overflow: hidden;

  pointer-events: none;
}


.wnr-bg-grid {
  position: absolute;
  inset: 0;

  background-image:
    linear-gradient(
      rgba(159, 205, 174, 0.025) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(159, 205, 174, 0.025) 1px,
      transparent 1px
    );

  background-size: 60px 60px;

  mask-image:
    linear-gradient(
      to bottom,
      black,
      transparent
    );

  -webkit-mask-image:
    linear-gradient(
      to bottom,
      black,
      transparent
    );
}


.wnr-bg-glow {
  position: absolute;

  border-radius: 50%;

  filter: blur(110px);
}


.wnr-bg-glow-1 {
  width: 480px;
  height: 480px;

  top: 100px;
  left: -240px;

  background: rgba(94, 154, 116, 0.17);
}


.wnr-bg-glow-2 {
  width: 520px;
  height: 520px;

  right: -260px;
  bottom: -180px;

  background: rgba(113, 168, 131, 0.15);
}


/* =========================================================
   HEADING
========================================================= */

.wnr-review-kicker {
  display: flex;
  align-items: center;
  justify-content: center;

  gap: 13px;

  margin-bottom: 14px;

  color: #b9c9bf;

  font-size: 18px;
  line-height: 1.4;

  font-weight: 500;
}


.wnr-review-kicker span {
  width: 40px;
  height: 1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      #769b85
    );
}


.wnr-review-kicker span:last-child {
  transform: rotate(180deg);
}


.wnr-review-heading {
  margin: 0;

  font-size: clamp(36px, 4vw, 58px);
  line-height: 1.1;

  font-weight: 900;

  letter-spacing: -1.5px;

  color: #ffffff;
}


.wnr-review-heading > span {
  display: inline-block;

  background:
    linear-gradient(
      90deg,
      #81af92 0%,
      #d5e7da 50%,
      #7aa489 100%
    );

  -webkit-background-clip: text;
  background-clip: text;

  color: transparent;
}


.wnr-heading-line {
  display: flex;
  justify-content: center;
  align-items: center;

  gap: 8px;

  margin-top: 23px;
}


.wnr-heading-line i {
  width: 48px;
  height: 1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      #6f9f80
    );
}


.wnr-heading-line i:last-child {
  transform: rotate(180deg);
}


.wnr-heading-line b {
  width: 7px;
  height: 7px;

  border-radius: 50%;

  background: #9fc4a9;

  box-shadow:
    0 0 0 5px rgba(143, 187, 155, 0.08),
    0 0 17px rgba(132, 180, 148, 0.5);
}


/* =========================================================
   ROW
========================================================= */

.wnr-review-row {
  margin-top: 55px;
}


/* =========================================================
   CARD
========================================================= */

.wnr-review-card {
  position: relative;

  overflow: hidden;

  min-height: 345px;

  padding: 32px 32px 34px;

  border-radius: 30px;

  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(108, 158, 127, 0.13),
      transparent 32%
    ),
    radial-gradient(
      circle at 0% 100%,
      rgba(130, 179, 147, 0.08),
      transparent 28%
    ),
    linear-gradient(
      145deg,
      #ffffff 0%,
      #fbfdfc 55%,
      #f0f7f3 100%
    );

  border:
    1px solid rgba(139, 181, 153, 0.32);

  box-shadow:
    0 26px 70px rgba(0, 0, 0, 0.27),
    0 1px 0 rgba(255, 255, 255, 0.95) inset;

  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease;
        margin-top: 20px;

}


.wnr-review-card::before {
  content: "";

  position: absolute;

  left: 35px;
  right: 35px;
  top: 0;

  height: 2px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(89, 139, 108, 0.65),
      transparent
    );
}


.wnr-review-card::after {
  content: "";

  position: absolute;

  width: 190px;
  height: 190px;

  right: -90px;
  bottom: -110px;

  border-radius: 50%;

  border:
    1px solid rgba(72, 127, 93, 0.10);

  box-shadow:
    0 0 0 28px rgba(72, 127, 93, 0.025),
    0 0 0 55px rgba(72, 127, 93, 0.015);
}


.wnr-review-card:hover {
  transform: translateY(-8px);

  border-color:
    rgba(111, 159, 128, 0.55);

  box-shadow:
    0 38px 90px rgba(0, 0, 0, 0.32),
    0 8px 30px rgba(53, 108, 76, 0.08);
}


/* =========================================================
   CARD GLOW
========================================================= */

.wnr-card-glow {
  position: absolute;

  width: 220px;
  height: 220px;

  top: -140px;
  right: -90px;

  border-radius: 50%;

  background:
    rgba(91, 144, 111, 0.11);

  filter: blur(25px);

  pointer-events: none;
}


/* =========================================================
   TOP AREA
========================================================= */

.wnr-review-top {
  position: relative;

  z-index: 2;

  display: flex;

  justify-content: space-between;
  align-items: flex-start;

  gap: 20px;
}


.wnr-review-user {
  display: flex;
  align-items: center;

  gap: 16px;
}


/* =========================================================
   AVATAR
========================================================= */

.wnr-avatar-wrap {
  position: relative;

  width: 74px;
  height: 74px;

  flex: 0 0 auto;
}


.wnr-avatar-ring {
  width: 74px;
  height: 74px;

  padding: 3px;

  border-radius: 50%;

  background:
    linear-gradient(
      135deg,
      #0d6045,
      #b0d1ba,
      #2b7254
    );

  box-shadow:
    0 0 0 5px rgba(97, 150, 116, 0.08),
    0 12px 25px rgba(28, 70, 51, 0.15);
}


.wnr-avatar-ring img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;

  border-radius: 50%;

  border:
    3px solid #ffffff;

  transition:
    transform 0.35s ease;
}


.wnr-review-card:hover .wnr-avatar-ring img {
  transform: scale(1.05);
}


.wnr-avatar-status {
  position: absolute;

  right: -1px;
  bottom: 1px;

  width: 22px;
  height: 22px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background:
    linear-gradient(
      135deg,
      #0c6045,
      #438264
    );

  color: #fff;

  border:
    3px solid #fff;

  font-size: 10px;

  font-weight: 900;
}


/* =========================================================
   USER INFO
========================================================= */

.wnr-review-person h3 {
  margin: 0 0 3px;

  color: #103b2d;

  font-size: 20px;
  line-height: 1.25;

  font-weight: 800;
}


.wnr-review-person p {
  margin: 0;

  color: #6c8377;

  font-size: 14px;
  line-height: 1.45;

  font-weight: 500;
}


/* =========================================================
   STARS
========================================================= */

.wnr-stars {
  margin-top: 7px;

  color: #f2b928;

  font-size: 18px;

  line-height: 1;

  letter-spacing: 2px;

  text-shadow:
    0 4px 10px rgba(230, 173, 31, 0.15);
}


/* =========================================================
   VERIFIED PILL
========================================================= */

.wnr-verified {
  display: inline-flex;
  align-items: center;

  gap: 6px;

  flex: 0 0 auto;

  padding: 7px 11px;

  border-radius: 100px;

  color: #4f7762;

  font-size: 12px;
  line-height: 1;

  font-weight: 700;

  background:
    rgba(238, 247, 242, 0.9);

  border:
    1px solid #dceae2;
}


.wnr-verified span {
  width: 18px;
  height: 18px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;

  color: #ffffff;

  background:
    linear-gradient(
      135deg,
      #0a6245,
      #5b9572
    );

  font-size: 9px;

  font-weight: 900;
}


/* =========================================================
   DIVIDER
========================================================= */

.wnr-review-divider {
  width: 100%;
  height: 1px;

  margin: 24px 0 19px;

  background:
    linear-gradient(
      90deg,
      rgba(94, 136, 111, 0.20),
      rgba(94, 136, 111, 0.05),
      transparent
    );
}


/* =========================================================
   REVIEW
========================================================= */

.wnr-review-text {
  position: relative;

  z-index: 2;

padding: 10px 8px 30px;
}


.wnr-review-text p {
position: relative;
  z-index: 2;
  margin: 0;
  color: #334f43;
  font-size: 17px;
  line-height: 1.58;
  font-weight: 300;
}


/* =========================================================
   QUOTES
========================================================= */

.wnr-quote-open,
.wnr-quote-close {
  position: absolute;

  color:
    rgba(55, 114, 78, 0.11);

  font-family:
    Georgia,
    serif;

  font-size: 76px;

  font-weight: 700;

  line-height: 1;

  pointer-events: none;
}


.wnr-quote-open {
top: -23px;
  left: -23;
}


.wnr-quote-close {
right: -1px;
  bottom: -40px;
}


/* =========================================================
   BOTTOM DECORATION
========================================================= */

.wnr-card-bottom {
  position: absolute;

  left: 32px;
  bottom: 18px;

  display: flex;
  align-items: center;

  gap: 6px;
}


.wnr-card-bottom span {
  width: 31px;
  height: 2px;

  border-radius: 10px;

  background:
    linear-gradient(
      90deg,
      #659175,
      transparent
    );
}


.wnr-card-bottom i {
  width: 5px;
  height: 5px;

  border-radius: 50%;

  background: #7ba188;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1199.98px) {

  .wnr-review-section {
    padding: 85px 0 95px;
  }

  .wnr-review-card {
    padding: 28px;
  }

  .wnr-review-text p {
    font-size: 17px;
  }

}


@media (max-width: 991.98px) {

  .wnr-review-heading {
    font-size: 44px;
  }

  .wnr-review-row {
    margin-top: 45px;
  }

  .wnr-review-card {
    min-height: auto;
  }

}


@media (max-width: 767.98px) {

  .wnr-review-section {
    padding: 65px 0 75px;
  }

  .wnr-review-kicker {
    font-size: 16px;
  }

  .wnr-review-heading {
    font-size: 32px;

    line-height: 1.18;

    letter-spacing: -0.8px;
  }

  .wnr-review-row {
    margin-top: 35px;
  }

  .wnr-review-card {
    padding: 24px 20px 28px;

    border-radius: 24px;
  }

  .wnr-avatar-wrap,
  .wnr-avatar-ring {
    width: 64px;
    height: 64px;
  }

  .wnr-review-user {
    gap: 12px;
  }

  .wnr-review-person h3 {
    font-size: 18px;
  }

  .wnr-review-person p {
    font-size: 13px;
  }

  .wnr-stars {
    font-size: 16px;
  }

  .wnr-review-text p {
    font-size: 16px;

    line-height: 1.6;
  }

}


@media (max-width: 480px) {

  .wnr-review-heading {
    font-size: 29px;
  }

  .wnr-review-top {
    gap: 10px;
  }

  .wnr-verified {
    padding: 6px;

    font-size: 0;
  }

  .wnr-verified span {
    margin: 0;
  }

  .wnr-review-divider {
    margin-top: 20px;
  }

}

/* =========================================
   WELLNEST - $9 TRILLION MARKET SECTION
========================================= */

.wn-market-section {
   position: relative;
   padding: 85px 0 95px;
   overflow: hidden;

   background:
      radial-gradient(
         circle at 7% 20%,
         rgba(50, 186, 255, 0.08),
         transparent 24%
      ),
      radial-gradient(
         circle at 88% 75%,
         rgba(85, 214, 174, 0.10),
         transparent 27%
      ),
      linear-gradient(
         180deg,
         #ffffff 0%,
         #fbfdff 48%,
         #f8fbff 100%
      );
}


/* -----------------------------------------
   BACKGROUND
----------------------------------------- */

.wn-market-bg {
   position: absolute;
   inset: 0;
   pointer-events: none;
}

.wn-market-dots {
   position: absolute;
   width: 100%;
   height: 100%;

   background-image:
      radial-gradient(
         rgba(40, 119, 187, 0.16) 1px,
         transparent 1px
      );

   background-size: 16px 16px;

   opacity: 0.38;

   -webkit-mask-image:
      linear-gradient(
         to bottom,
         transparent 2%,
         #000 22%,
         #000 72%,
         transparent 100%
      );

   mask-image:
      linear-gradient(
         to bottom,
         transparent 2%,
         #000 22%,
         #000 72%,
         transparent 100%
      );
}


.wn-market-glow {
   position: absolute;
   display: block;

   border-radius: 50%;

   filter: blur(90px);
}

.wn-market-glow-1 {
   width: 350px;
   height: 350px;

   top: 160px;
   left: -180px;

   background: rgba(26, 171, 255, 0.10);
}

.wn-market-glow-2 {
   width: 420px;
   height: 420px;

   right: -190px;
   bottom: 20px;

   background: rgba(64, 215, 166, 0.10);
}



/* =========================================
   HEADING
========================================= */

.wn-market-kicker {
   display: inline-flex;
   align-items: center;
   justify-content: center;

   gap: 11px;

   padding: 8px 18px;

   margin-bottom: 22px;

   border: 1px solid rgba(25, 151, 235, 0.14);

   border-radius: 100px;

   background: rgba(255, 255, 255, 0.88);

   box-shadow:
      0 8px 30px rgba(21, 70, 118, 0.05),
      inset 0 1px 0 rgba(255, 255, 255, 0.9);

   color: #3279aa;

   font-size: 11px;
   font-weight: 800;

   letter-spacing: 2px;
}

.wn-market-kicker-line {
   width: 28px;
   height: 1px;

   background: linear-gradient(
      90deg,
      transparent,
      #3ba9ed
   );
}

.wn-market-kicker-line:last-child {
   background: linear-gradient(
      90deg,
      #3ba9ed,
      transparent
   );
}

.wn-market-kicker-dot {
   width: 5px;
   height: 5px;

   border-radius: 50%;

   background: #20b1fa;

   box-shadow: 0 0 0 4px rgba(32, 177, 250, 0.08);
}



.wn-market-heading {
margin: 0;
  color: #071326;
  font-size: clamp(34px, 4.3vw, 46px);
  line-height: 1.4;
  font-weight: 900;
  letter-spacing: -2.7px;
}

.wn-market-heading-highlight {
   position: relative;
   display: inline-block;

   color: #16a7f7;

   background: linear-gradient(
      90deg,
      #139de9 0%,
      #19b7ff 55%,
      #087ae8 100%
   );

   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
}

.wn-market-zero {
   color: #0a172b;
   position: relative;
}

.wn-market-zero::after {
   content: "";

   position: absolute;

   left: 0;
   right: 0;
   bottom: -5px;

   height: 8px;

   border-radius: 100%;

   background: linear-gradient(
      90deg,
      transparent,
      rgba(37, 176, 246, 0.22),
      transparent
   );

   transform: rotate(-1deg);
}


.wn-market-heading-accent {
   display: flex;
   justify-content: center;

   margin-top: 25px;
}

.wn-market-heading-accent span {
   position: relative;

   display: block;

   width: 105px;
   height: 3px;

   border-radius: 20px;

   background: linear-gradient(
      90deg,
      transparent,
      #22aef4,
      #6edec1,
      transparent
   );
}



/* =========================================
   MAIN ROW
========================================= */

.wn-market-main-row {
   margin-top: 58px;
}



/* =========================================
   LEFT CONTENT
========================================= */

.wn-market-content {
   position: relative;

   max-width: 650px;
}


.wn-market-yup {
   display: inline-flex;

   margin-bottom: 19px;

   padding: 7px 13px;

   border-radius: 8px;

   background: #081a30;

   color: #ffffff;

   font-size: 14px;
   line-height: 1;

   font-weight: 800;

   letter-spacing: 0.2px;

   box-shadow:
      0 8px 20px rgba(8, 26, 48, 0.12);
}



/* =========================================
   RESEARCH CARD
========================================= */

.wn-market-proof-card {
   position: relative;

   overflow: hidden;

   margin-bottom: 30px;

   border-radius: 22px;

   border: 1px solid rgba(21, 127, 198, 0.13);

   background: rgba(255, 255, 255, 0.92);

   box-shadow:
      0 28px 70px rgba(15, 75, 124, 0.10),
      0 5px 18px rgba(20, 91, 147, 0.04),
      inset 0 1px 0 #ffffff;
}

.wn-market-proof-card::before {
   content: "";

   position: absolute;

   top: 0;
   left: 0;

   width: 100%;
   height: 3px;

   background: linear-gradient(
      90deg,
      #0e9aef,
      #41c6ff,
      #53ddba
   );
}


.wn-market-proof-top {
   display: flex;
   align-items: center;

   gap: 12px;

   padding: 17px 19px;

   border-bottom: 1px solid #edf4f9;

   background: linear-gradient(
      180deg,
      #ffffff,
      #f9fcff
   );
}


.wn-market-proof-icon {
   flex: 0 0 41px;

   width: 41px;
   height: 41px;

   display: flex;
   align-items: center;
   justify-content: center;

   border-radius: 11px;

   background: linear-gradient(
      145deg,
      #eaf7ff,
      #f7fcff
   );

   border: 1px solid #d9effd;

   box-shadow:
      inset 0 1px 0 #fff;
}

.wn-market-proof-icon svg {
   width: 21px;
   height: 21px;

   fill: none;

   stroke: #159fed;

   stroke-width: 2;
   stroke-linecap: round;
   stroke-linejoin: round;
}


.wn-market-proof-label {
   color: #0a1c34;

   font-size: 13px;
   line-height: 1.1;

   font-weight: 900;

   letter-spacing: 0.4px;
}

.wn-market-proof-sub {
   margin-top: 3px;

   color: #728196;

   font-size: 11px;
   font-weight: 600;
}


.wn-market-live {
   display: flex;
   align-items: center;

   gap: 6px;

   margin-left: auto;

   padding: 7px 10px;

   border-radius: 100px;

   border: 1px solid rgba(32, 180, 136, 0.14);

   background: #f0fff9;

   color: #358d72;

   font-size: 9px;
   font-weight: 800;

   letter-spacing: 0.6px;
}

.wn-market-live span {
   width: 6px;
   height: 6px;

   border-radius: 50%;

   background: #20c78f;

   box-shadow:
      0 0 0 4px rgba(32, 199, 143, 0.10);
}



.wn-market-proof-body {
   padding: 15px;
}

.wn-market-proof-image {
   overflow: hidden;

   border-radius: 12px;

   background: #f4f9fc;
}

.wn-market-proof-image img {
   width: 100%;

   border-radius: inherit;
}


.wn-market-proof-stats {
   display: flex;
   align-items: stretch;

   padding: 0 19px 19px;
}


.wn-market-stat {
   flex: 1;
}

.wn-market-stat small {
   display: block;

   margin-bottom: 4px;

   color: #8291a3;

   font-size: 9px;
   font-weight: 800;

   letter-spacing: 1px;
}

.wn-market-stat strong {
   display: block;

   color: #081a31;

   font-size: 24px;
   line-height: 1.1;

   font-weight: 900;

   letter-spacing: -0.8px;
}

.wn-market-stat span {
   display: block;

   margin-top: 4px;

   color: #758497;

   font-size: 11px;
   font-weight: 600;
}

.wn-stat-blue {
   color: #169ceb !important;
}


.wn-market-stat-divider {
   width: 1px;

   margin: 0 25px;

   background: #e5edf4;
}



/* =========================================
   BODY COPY
========================================= */

.wn-market-copy {
   position: relative;

   padding-left: 23px;
}

.wn-market-copy::before {
   content: "";

   position: absolute;

   top: 4px;
   bottom: 42px;
   left: 0;

   width: 3px;

   border-radius: 20px;

   background: linear-gradient(
      180deg,
      #1aa6ef,
      rgba(26, 166, 239, 0.07)
   );
}


.wn-market-copy p {
   margin: 0 0 17px;

   color: #27374c;

   font-size: 17px;
   line-height: 1.62;

   font-weight: 500;
}

.wn-market-copy p strong {
   color: #09192d;

   font-weight: 850;
}

.wn-market-copy p em {
   position: relative;

   color: #168fdc;

   font-style: normal;

   font-weight: 800;
}


.wn-recession-highlight {
   display: inline-block;

   padding: 1px 7px;

   border-radius: 6px;

   background: linear-gradient(
      90deg,
      #e1f7ff,
      #e8fff8
   );

   color: #078bcf !important;

   box-shadow:
      inset 0 0 0 1px rgba(18, 158, 220, 0.08);
}


.wn-market-question {
   display: inline-flex;
   align-items: center;

   margin-top: 2px;

   padding-bottom: 4px;

   border-bottom: 2px solid #18a6ef;

   color: #078fe0;

   font-size: 20px;
   line-height: 1.2;

   font-weight: 900;

   letter-spacing: -0.3px;
}



/* =========================================
   RIGHT VISUAL
========================================= */

.wn-market-visual {
   position: relative;

   max-width: 620px;

   margin-left: auto;
}


.wn-market-image-card {
   position: relative;

   min-height: 620px;

   display: flex;
   align-items: flex-end;
   justify-content: center;

   overflow: hidden;

   padding: 30px 20px 0;

   border-radius: 34px;

   border: 1px solid rgba(255, 255, 255, 0.8);

   background:
      radial-gradient(
         circle at 20% 12%,
         rgba(101, 221, 255, 0.75),
         transparent 30%
      ),
      linear-gradient(
         145deg,
         #14b5ef 0%,
         #248bea 42%,
         #4b67ee 72%,
         #674fe0 100%
      );

   box-shadow:
      0 38px 90px rgba(38, 120, 198, 0.22),
      0 12px 28px rgba(35, 99, 165, 0.10),
      inset 0 1px 0 rgba(255, 255, 255, 0.65);
}


/* inner shine */

.wn-market-image-card::before {
   content: "";

   position: absolute;

   inset: 10px;

   z-index: 0;

   border-radius: 27px;

   border: 1px solid rgba(255, 255, 255, 0.18);

   pointer-events: none;
}


.wn-image-grid {
   position: absolute;

   inset: 0;

   background-image:
      linear-gradient(
         rgba(255, 255, 255, 0.08) 1px,
         transparent 1px
      ),
      linear-gradient(
         90deg,
         rgba(255, 255, 255, 0.08) 1px,
         transparent 1px
      );

   background-size: 44px 44px;

   opacity: 0.35;

   -webkit-mask-image:
      radial-gradient(
         circle at center,
         #000,
         transparent 78%
      );

   mask-image:
      radial-gradient(
         circle at center,
         #000,
         transparent 78%
      );
}



/* decorative orb */

.wn-image-orb {
   position: absolute;

   border-radius: 50%;

   background:
      linear-gradient(
         145deg,
         rgba(255,255,255,.35),
         rgba(255,255,255,.04)
      );

   border: 1px solid rgba(255, 255, 255, 0.25);

   backdrop-filter: blur(5px);
}

.wn-image-orb-1 {
   width: 130px;
   height: 130px;

   top: 45px;
   right: -35px;
}

.wn-image-orb-2 {
   width: 75px;
   height: 75px;

   bottom: 115px;
   left: -30px;
}



/* MAIN PERSON IMAGE */

.wn-market-main-image {
   position: relative;

   z-index: 2;

   width: 100%;

   margin-top: auto;

   text-align: center;
}

.wn-market-main-image img {
   position: relative;

   max-height: 595px;

   object-fit: contain;

   filter:
      drop-shadow(0 24px 25px rgba(4, 34, 76, 0.22));
}



/* =========================================
   FLOATING CARDS
========================================= */

.wn-floating-card {
   position: absolute;

   z-index: 5;

   display: flex;
   align-items: center;

   gap: 10px;

   padding: 12px 14px;

   border: 1px solid rgba(255, 255, 255, 0.8);

   border-radius: 15px;

   background: rgba(255, 255, 255, 0.92);

   backdrop-filter: blur(14px);

   box-shadow:
      0 18px 45px rgba(15, 53, 104, 0.16),
      inset 0 1px 0 #fff;
}


.wn-floating-growth {
   top: 52px;
   left: 22px;
}


.wn-floating-money {
   right: 19px;
   bottom: 77px;
}


.wn-floating-icon {
   width: 38px;
   height: 38px;

   display: flex;
   align-items: center;
   justify-content: center;

   border-radius: 10px;

   background: linear-gradient(
      145deg,
      #e6f8ff,
      #eafff6
   );
}

.wn-floating-icon svg {
   width: 19px;
   height: 19px;

   fill: none;

   stroke: #0e9ee8;

   stroke-width: 2.2;
   stroke-linecap: round;
   stroke-linejoin: round;
}


.wn-floating-card small {
   display: block;

   margin-bottom: 2px;

   color: #77889b;

   font-size: 8px;
   font-weight: 900;

   letter-spacing: 0.7px;
}

.wn-floating-card strong {
   display: block;

   color: #07182f;

   font-size: 13px;
   line-height: 1.1;

   font-weight: 900;
}


.wn-money-symbol {
   width: 38px;
   height: 38px;

   display: flex;
   align-items: center;
   justify-content: center;

   border-radius: 50%;

   background: linear-gradient(
      145deg,
      #ffdc78,
      #f7a829
   );

   color: #fff;

   font-size: 19px;
   font-weight: 900;

   box-shadow:
      0 7px 18px rgba(241, 162, 38, 0.23);
}



/* SIDE BADGE */

.wn-market-side-badge {
   position: absolute;

   z-index: 5;

   top: 47%;
   right: -25px;

   transform: translateY(-50%);

   display: flex;
   align-items: center;

   gap: 9px;

   padding: 12px 15px;

   border-radius: 15px;

   background: #07182f;

   border: 1px solid rgba(255, 255, 255, 0.08);

   box-shadow:
      0 20px 40px rgba(5, 32, 68, 0.25);
}


.wn-side-badge-icon {
   width: 34px;
   height: 34px;

   display: flex;
   align-items: center;
   justify-content: center;

   border-radius: 9px;

   background: linear-gradient(
      145deg,
      #23b6f7,
      #55e0b7
   );

   color: #fff;

   font-size: 19px;
   font-weight: 900;
}


.wn-market-side-badge small {
   display: block;

   color: #87a1bc;

   font-size: 8px;

   font-weight: 800;

   letter-spacing: 1.1px;
}

.wn-market-side-badge strong {
   display: block;

   color: #ffffff;

   font-size: 11px;

   font-weight: 900;

   letter-spacing: 0.5px;
}



/* =========================================
   TRUST BAR
========================================= */

.wn-market-trust {
   position: relative;

   z-index: 7;

   display: flex;
   align-items: center;
   justify-content: center;

   width: calc(100% - 70px);

   margin: -26px auto 0;

   padding: 15px 20px;

   border-radius: 16px;

   border: 1px solid rgba(31, 144, 210, 0.11);

   background: rgba(255, 255, 255, 0.96);

   box-shadow:
      0 18px 48px rgba(18, 75, 125, 0.12);

   backdrop-filter: blur(10px);
}


.wn-market-trust-item {
   display: flex;
   align-items: center;

   gap: 9px;

   flex: 1;
}


.wn-trust-icon {
   flex: 0 0 28px;

   width: 28px;
   height: 28px;

   display: flex;
   align-items: center;
   justify-content: center;

   border-radius: 50%;

   background: #e8faff;

   color: #0e9ce6;

   font-size: 12px;
   font-weight: 900;
}


.wn-market-trust-item small {
   display: block;

   color: #8090a2;

   font-size: 9px;
   line-height: 1.1;

   font-weight: 700;
}

.wn-market-trust-item strong {
   display: block;

   margin-top: 2px;

   color: #132238;

   font-size: 11px;
   line-height: 1.15;

   font-weight: 850;
}


.wn-trust-divider {
   width: 1px;
   height: 32px;

   margin: 0 18px;

   background: #e3edf5;
}



/* =========================================
   HOVER EFFECTS
========================================= */

.wn-market-proof-card,
.wn-market-image-card,
.wn-floating-card {
   transition:
      transform 0.35s ease,
      box-shadow 0.35s ease;
}


.wn-market-proof-card:hover {
   transform: translateY(-4px);

   box-shadow:
      0 34px 75px rgba(15, 75, 124, 0.14),
      inset 0 1px 0 #fff;
}


.wn-market-image-card:hover {
   transform: translateY(-4px);

   box-shadow:
      0 45px 100px rgba(38, 120, 198, 0.27),
      0 15px 32px rgba(35, 99, 165, 0.12);
}



/* =========================================
   TABLET
========================================= */

@media (max-width: 1199px) {

   .wn-market-image-card {
      min-height: 560px;
   }

   .wn-market-main-image img {
      max-height: 535px;
   }

   .wn-market-side-badge {
      right: 10px;
   }

}



@media (max-width: 991px) {

   .wn-market-section {
      padding: 65px 0 75px;
   }

   .wn-market-main-row {
      margin-top: 42px;
   }

   .wn-market-content,
   .wn-market-visual {
      max-width: 720px;

      margin-left: auto;
      margin-right: auto;
   }

   .wn-market-visual {
      margin-top: 25px;
   }

   .wn-market-image-card {
      min-height: 640px;
   }

   .wn-market-main-image img {
      max-height: 610px;
   }

}



/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

   .wn-market-section {
      padding: 50px 0 60px;
   }

   .wn-market-kicker {
      padding: 7px 12px;

      font-size: 9px;

      letter-spacing: 1.2px;
   }

   .wn-market-kicker-line {
      width: 15px;
   }

   .wn-market-heading {
      font-size: 35px;
      line-height: 1.12;

      letter-spacing: -1.5px;
   }

   .wn-market-main-row {
      margin-top: 35px;
   }

   .wn-market-copy {
      padding-left: 17px;
   }

   .wn-market-copy p {
      font-size: 15px;
      line-height: 1.58;
   }

   .wn-market-question {
      font-size: 18px;
   }

   .wn-market-proof-top {
      padding: 14px;
   }

   .wn-market-live {
      display: none;
   }

   .wn-market-proof-body {
      padding: 10px;
   }

   .wn-market-proof-stats {
      padding: 3px 14px 15px;
   }

   .wn-market-stat strong {
      font-size: 20px;
   }

   .wn-market-stat-divider {
      margin: 0 16px;
   }


   .wn-market-image-card {
      min-height: 490px;

      border-radius: 25px;

      padding-left: 5px;
      padding-right: 5px;
   }

   .wn-market-main-image img {
      max-height: 460px;
   }

   .wn-floating-growth {
      top: 22px;
      left: 12px;
   }

   .wn-floating-money {
      right: 10px;
      bottom: 47px;
   }

   .wn-floating-card {
      padding: 9px 10px;

      border-radius: 12px;
   }

   .wn-floating-icon,
   .wn-money-symbol {
      width: 31px;
      height: 31px;
   }

   .wn-floating-card strong {
      font-size: 11px;
   }

   .wn-market-side-badge {
      display: none;
   }

   .wn-market-trust {
      width: calc(100% - 25px);

      margin-top: -18px;

      padding: 12px;
   }

   .wn-market-trust-item strong {
      font-size: 10px;
   }

   .wn-trust-divider {
      margin: 0 10px;
   }

}



@media (max-width: 480px) {

   .wn-market-heading {
      font-size: 30px;
   }

   .wn-market-image-card {
      min-height: 410px;
   }

   .wn-market-main-image img {
      max-height: 390px;
   }

   .wn-floating-growth {
      transform: scale(0.88);
      transform-origin: left top;
   }

   .wn-floating-money {
      transform: scale(0.88);
      transform-origin: right bottom;
   }

   .wn-market-trust {
      display: none;
   }

}


/* ==========================================
   WELLNEST
   EVERYONE WANTS TO FEEL BETTER
========================================== */

.wn-feel-section {
   position: relative;
   isolation: isolate;
   overflow: hidden;

   padding: 90px 0 100px;

   /* background:
      radial-gradient(
         circle at 7% 28%,
         rgba(95, 146, 114, 0.15),
         transparent 27%
      ),
      radial-gradient(
         circle at 93% 75%,
         rgba(63, 128, 87, 0.14),
         transparent 28%
      ),
      linear-gradient(
         135deg,
         #021912 0%,
         #04261b 47%,
         #021a13 100%
      ); */
          background: url(../images/create-section2.png) no-repeat center top;
    background-size: auto;
    background-size: cover;
}


/* ==========================================
   BACKGROUND
========================================== */

.wn-feel-bg {
   position: absolute;
   inset: 0;

   z-index: -1;

   pointer-events: none;
}


/* Grid */

.wn-feel-grid {
   position: absolute;
   inset: 0;

   background-image:
      linear-gradient(
         rgba(137, 187, 153, 0.028) 1px,
         transparent 1px
      ),
      linear-gradient(
         90deg,
         rgba(137, 187, 153, 0.028) 1px,
         transparent 1px
      );

   background-size: 46px 46px;

   -webkit-mask-image:
      radial-gradient(
         circle at center,
         #000 0%,
         transparent 77%
      );

   mask-image:
      radial-gradient(
         circle at center,
         #000 0%,
         transparent 77%
      );
}


/* Glow */

.wn-feel-glow {
   position: absolute;

   display: block;

   border-radius: 50%;

   filter: blur(100px);
}


.wn-feel-glow-1 {
   width: 430px;
   height: 430px;

   top: 120px;
   left: -210px;

   background:
      rgba(91, 148, 112, 0.18);
}


.wn-feel-glow-2 {
   width: 500px;
   height: 500px;

   right: -230px;
   bottom: -150px;

   background:
      rgba(56, 119, 81, 0.17);
}


/* Decorative Orbits */

.wn-feel-orbit {
   position: absolute;

   display: block;

   border-radius: 50%;

   border:
      1px solid
      rgba(137, 187, 153, 0.055);
}


.wn-feel-orbit-1 {
   width: 520px;
   height: 520px;

   top: -310px;
   right: -130px;
}


.wn-feel-orbit-2 {
   width: 430px;
   height: 430px;

   bottom: -310px;
   left: 13%;
}



/* ==========================================
   KICKER
========================================== */

.wn-feel-kicker {
   width: fit-content;

   display: inline-flex;
   align-items: center;
   justify-content: center;

   gap: 10px;

   margin-bottom: 22px;

   padding: 8px 17px;

   border-radius: 100px;

   border:
      1px solid
      rgba(133, 182, 149, 0.16);

   background:
      rgba(110, 162, 129, 0.07);

   color: #9fc6ac;

   font-size: 11px;
   line-height: 1;

   font-weight: 800;

   letter-spacing: 1.8px;

   box-shadow:
      inset 0 1px 0
      rgba(255, 255, 255, 0.04),

      0 12px 35px
      rgba(0, 0, 0, 0.13);
}


.wn-feel-kicker-line {
   width: 29px;
   height: 1px;

   display: block;

   background:
      linear-gradient(
         90deg,
         transparent,
         #78a789
      );
}


.wn-feel-kicker-line:last-child {
   background:
      linear-gradient(
         90deg,
         #78a789,
         transparent
      );
}


.wn-feel-kicker-icon {
   width: 21px;
   height: 21px;

   display: flex;
   align-items: center;
   justify-content: center;

   border-radius: 50%;

   background:
      rgba(104, 157, 123, 0.13);
}


.wn-feel-kicker-icon svg {
   width: 12px;
   height: 12px;

   fill: none;

   stroke: #91b79e;

   stroke-width: 1.8;
   stroke-linecap: round;
   stroke-linejoin: round;
}



/* ==========================================
   HEADING
========================================== */

.wn-feel-heading {
   margin: 0;

   color: #f8fffa;

   font-size:
      clamp(38px, 4.3vw, 64px);

   line-height: 1.08;

   font-weight: 900;

   letter-spacing: -2.6px;
}


.wn-feel-heading span {
   position: relative;

   display: inline-block;

   background:
      linear-gradient(
         90deg,
         #9dc2aa 0%,
         #69987a 48%,
         #a6cbb2 100%
      );

   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;

   background-clip: text;
}


.wn-feel-heading span::after {
   content: "";

   position: absolute;

   left: 7%;
   right: 7%;
   bottom: -7px;

   height: 8px;

   border-radius: 100%;

   background:
      rgba(106, 162, 126, 0.13);

   filter: blur(2px);

   transform: rotate(-1deg);
}



/* Heading line */

.wn-feel-heading-line {
   display: flex;
   align-items: center;
   justify-content: center;

   gap: 8px;

   margin-top: 28px;
}


.wn-feel-heading-line i {
   width: 53px;
   height: 1px;

   display: block;

   background:
      linear-gradient(
         90deg,
         transparent,
         rgba(141, 189, 157, 0.48)
      );
}


.wn-feel-heading-line i:last-child {
   background:
      linear-gradient(
         90deg,
         rgba(141, 189, 157, 0.48),
         transparent
      );
}


.wn-feel-heading-line b {
   width: 7px;
   height: 7px;

   display: block;

   transform: rotate(45deg);

   border:
      1px solid #739d81;

   background: #123d2c;
}



/* ==========================================
   MAIN ROW
========================================== */

.wn-feel-main-row {
   margin-top: 60px;
}



/* ==========================================
   LEFT SIDE
   ONLY bb-2.webp IMAGE
========================================== */

.wn-feel-only-image {
   position: relative;

   width: 100%;

   display: flex;
   align-items: center;
   justify-content: center;

   min-height: 590px;
}


/* Subtle glow behind image only */

.wn-feel-only-image::before {
   content: "";

   position: absolute;

   z-index: -1;

   width: 75%;
   height: 70%;

   left: 50%;
   top: 52%;

   transform:
      translate(-50%, -50%);

   border-radius: 50%;

   background:
      radial-gradient(
         circle,
         rgba(94, 151, 115, 0.16),
         rgba(51, 108, 73, 0.07) 43%,
         transparent 72%
      );

   filter: blur(35px);
}


/* Bottom shadow only */

.wn-feel-only-image::after {
   content: "";

   position: absolute;

   left: 50%;
   bottom: 10px;

   width: 67%;
   height: 35px;

   transform:
      translateX(-50%);

   border-radius: 50%;

   background:
      rgba(0, 0, 0, 0.28);

   filter: blur(24px);

   z-index: -1;
}


/* Main Image */

.wn-feel-only-image img {
   position: relative;

   z-index: 2;

   width: auto;
   max-width: 100%;

   max-height: 620px;

   object-fit: contain;

   filter:
      drop-shadow(
         0 30px 35px
         rgba(0, 0, 0, 0.32)
      );

   transition:
      transform 0.35s ease,
      filter 0.35s ease;
}


.wn-feel-only-image:hover img {
   transform:
      translateY(-5px);

   filter:
      drop-shadow(
         0 37px 42px
         rgba(0, 0, 0, 0.38)
      );
}



/* ==========================================
   RIGHT CONTENT CARD
========================================== */

.wn-feel-content-card {
   position: relative;

   overflow: hidden;

   padding: 38px 38px 34px;

   border-radius: 28px;

   border:
      1px solid
      rgba(140, 188, 156, 0.14);

   background:
      radial-gradient(
         circle at 100% 0%,
         rgba(102, 158, 122, 0.08),
         transparent 32%
      ),
      linear-gradient(
         145deg,
         rgba(8, 48, 34, 0.94),
         rgba(4, 32, 23, 0.97)
      );

   box-shadow:
      0 35px 85px
      rgba(0, 0, 0, 0.29),

      inset 0 1px 0
      rgba(255, 255, 255, 0.045);

   transition:
      transform 0.35s ease,
      box-shadow 0.35s ease;
}


.wn-feel-content-card::before {
   content: "";

   position: absolute;

   top: 0;
   left: 12%;
   right: 12%;

   height: 2px;

   background:
      linear-gradient(
         90deg,
         transparent,
         #699a79,
         #9bc2a8,
         transparent
      );
}


.wn-feel-content-card:hover {
   transform:
      translateY(-4px);

   box-shadow:
      0 43px 95px
      rgba(0, 0, 0, 0.34),

      inset 0 1px 0
      rgba(255, 255, 255, 0.05);
}



/* Glow inside content */

.wn-feel-card-glow {
   position: absolute;

   width: 280px;
   height: 280px;

   top: -170px;
   right: -120px;

   border-radius: 50%;

   background:
      rgba(100, 157, 120, 0.13);

   filter: blur(72px);

   pointer-events: none;
}



/* ==========================================
   CONTENT TOP
========================================== */

.wn-feel-content-top {
   display: flex;
   align-items: center;

   gap: 9px;

   margin-bottom: 27px;

   color: #84ac92;

   font-size: 10px;
   line-height: 1;

   font-weight: 850;

   letter-spacing: 1.5px;
}


.wn-feel-content-dot {
   width: 7px;
   height: 7px;

   display: block;

   border-radius: 50%;

   background: #6c9e7c;

   box-shadow:
      0 0 0 5px
      rgba(108, 158, 124, 0.08),

      0 0 18px
      rgba(108, 158, 124, 0.24);
}



/* ==========================================
   COPY
========================================== */

.wn-feel-copy > p {
   margin: 0 0 18px;

   color: #d5dfd8;

   font-size: 17px;
   line-height: 1.62;

   font-weight: 450;
}


.wn-feel-copy .wn-feel-intro {
   color: #ffffff;

   font-size: 20px;

   font-weight: 800;
}


.wn-feel-copy p strong {
   color: #ffffff;

   font-weight: 850;
}



/* ==========================================
   IMPORTANT STATEMENT
========================================== */

.wn-feel-statement {
   position: relative;

   display: flex;

   gap: 12px;

   margin: 26px 0;

   padding: 18px 19px;

   border-radius: 16px;

   border:
      1px solid
      rgba(131, 182, 149, 0.13);

   background:
      linear-gradient(
         90deg,
         rgba(101, 154, 119, 0.105),
         rgba(101, 154, 119, 0.025)
      );
}


.wn-feel-statement::before {
   content: "";

   position: absolute;

   top: 12px;
   bottom: 12px;
   left: 0;

   width: 3px;

   border-radius:
      0 20px 20px 0;

   background:
      linear-gradient(
         180deg,
         #8cb19a,
         #4c795c
      );
}


.wn-feel-statement-icon {
   width: 27px;
   height: 27px;

   flex: 0 0 27px;

   display: flex;
   align-items: center;
   justify-content: center;

   border-radius: 8px;

   background:
      rgba(105, 159, 124, 0.14);

   color: #93b69e;

   font-size: 12px;
}


.wn-feel-statement p {
   margin: 0;

   color: #f1f8f3;

   font-size: 17px;
   line-height: 1.55;

   font-weight: 650;
}



/* ==========================================
   WE ALL WANT TO FEEL BETTER
========================================== */

.wn-feel-copy .wn-feel-big-copy {
   margin: 4px 0 21px;

   color: #ffffff;

   font-size: 27px;
   line-height: 1.38;

   font-weight: 750;

   letter-spacing: -0.5px;
}


.wn-feel-big-copy strong {
   display: inline-block;

   padding: 2px 9px;

   border-radius: 7px;

   background:
      linear-gradient(
         90deg,
         #769f84,
         #5f9272
      );

   color: #ffffff !important;

   box-shadow:
      0 8px 24px
      rgba(42, 98, 64, 0.22);
}



/* ==========================================
   INLINE HIGHLIGHTS
========================================== */

.wn-feel-inline {
   color: #a7c7b1;

   font-weight: 750;
}


.wn-feel-highlight {
   position: relative;

   display: inline-block;

   color: #a9ceb5 !important;

   font-weight: 850 !important;
}


.wn-feel-highlight::after {
   content: "";

   position: absolute;

   left: 0;
   right: 0;
   bottom: -2px;

   height: 1px;

   background:
      linear-gradient(
         90deg,
         #6c9a7c,
         transparent
      );
}



/* ==========================================
   FOOTER
========================================== */

.wn-feel-card-footer {
   display: flex;
   align-items: center;

   gap: 12px;

   margin-top: 29px;

   padding-top: 23px;

   border-top:
      1px solid
      rgba(132, 177, 146, 0.11);
}


.wn-feel-footer-icon {
   width: 43px;
   height: 43px;

   flex: 0 0 43px;

   display: flex;
   align-items: center;
   justify-content: center;

   border-radius: 13px;

   border:
      1px solid
      rgba(133, 183, 150, 0.13);

   background:
      linear-gradient(
         145deg,
         rgba(110, 164, 129, 0.16),
         rgba(76, 128, 94, 0.05)
      );
}


.wn-feel-footer-icon svg {
   width: 21px;
   height: 21px;

   fill: none;

   stroke: #90b59c;

   stroke-width: 2;
   stroke-linecap: round;
   stroke-linejoin: round;
}


.wn-feel-card-footer small {
   display: block;

   color: #678c74;

   font-size: 9px;
   line-height: 1.1;

   font-weight: 900;

   letter-spacing: 1.1px;
}


.wn-feel-card-footer strong {
   display: block;

   margin-top: 4px;

   color: #eef8f1;

   font-size: 13px;
   line-height: 1.25;

   font-weight: 750;
}



/* ==========================================
   RESPONSIVE - TABLET
========================================== */

@media (max-width: 1199px) {

   .wn-feel-only-image {
      min-height: 540px;
   }

   .wn-feel-only-image img {
      max-height: 560px;
   }

}



/* ==========================================
   RESPONSIVE - BELOW 992px
========================================== */

@media (max-width: 991px) {

   .wn-feel-section {
      padding:
         70px 0 80px;
   }


   .wn-feel-main-row {
      margin-top: 45px;
   }


   .wn-feel-only-image {
      min-height: auto;

      margin-bottom: 18px;
   }


   .wn-feel-only-image img {
      max-height: 570px;
   }


   .wn-feel-content-card {
      max-width: 720px;

      margin:
         0 auto;
   }

}



/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

   .wn-feel-section {
      padding:
         52px 0 60px;
   }


   .wn-feel-kicker {
      gap: 7px;

      padding:
         7px 11px;

      font-size: 8px;

      letter-spacing: 1.1px;
   }


   .wn-feel-kicker-line {
      width: 15px;
   }


   .wn-feel-heading {
      font-size: 34px;
      line-height: 1.13;

      letter-spacing: -1.5px;
   }


   .wn-feel-heading-line {
      margin-top: 22px;
   }


   .wn-feel-main-row {
      margin-top: 35px;
   }


   /* IMAGE */

   .wn-feel-only-image {
      min-height: auto;

      margin-bottom: 15px;
   }


   .wn-feel-only-image img {
      max-height: 470px;
   }


   .wn-feel-only-image::before {
      width: 85%;
      height: 75%;
   }


   /* CONTENT */

   .wn-feel-content-card {
      padding:
         29px 20px 26px;

      border-radius: 22px;
   }


   .wn-feel-content-top {
      margin-bottom: 21px;

      font-size: 9px;
   }


   .wn-feel-copy > p {
      margin-bottom: 16px;

      font-size: 15px;
      line-height: 1.6;
   }


   .wn-feel-copy .wn-feel-intro {
      font-size: 18px;
   }


   .wn-feel-statement {
      margin: 21px 0;

      padding: 15px;
   }


   .wn-feel-statement p {
      font-size: 15px;
   }


   .wn-feel-copy .wn-feel-big-copy {
      font-size: 21px;
   }

}



/* ==========================================
   SMALL MOBILE
========================================== */

@media (max-width: 480px) {

   .wn-feel-heading {
      font-size: 30px;
   }


   .wn-feel-only-image img {
      max-height: 390px;
   }


   .wn-feel-content-card {
      padding:
         26px 17px 23px;
   }


   .wn-feel-copy > p {
      font-size: 14.5px;
   }


   .wn-feel-statement {
      padding: 14px;
   }


   .wn-feel-copy .wn-feel-big-copy {
      font-size: 20px;
   }

}

/* ======================================================
   WELLNEST BILLIONS SECTION
====================================================== */

.wn-billions-section {
   position: relative;
   isolation: isolate;
   overflow: hidden;

   padding: 90px 0 100px;

   font-size: 18px;

   background:
      radial-gradient(
         circle at 7% 20%,
         rgba(95, 146, 114, 0.08),
         transparent 24%
      ),
      radial-gradient(
         circle at 92% 80%,
         rgba(47, 108, 75, 0.07),
         transparent 27%
      ),
      linear-gradient(
         180deg,
         #ffffff 0%,
         #fbfdfb 48%,
         #f6faf7 100%
      );
}


/* ======================================================
   BACKGROUND
====================================================== */

.wn-billions-bg {
   position: absolute;
   inset: 0;

   z-index: -1;

   pointer-events: none;
}


.wn-billions-dots {
   position: absolute;
   inset: 0;

   background-image:
      radial-gradient(
         rgba(56, 112, 78, 0.13) 1px,
         transparent 1px
      );

   background-size: 18px 18px;

   opacity: 0.34;

   -webkit-mask-image:
      radial-gradient(
         circle at center,
         #000,
         transparent 73%
      );

   mask-image:
      radial-gradient(
         circle at center,
         #000,
         transparent 73%
      );
}


.wn-billions-glow {
   position: absolute;

   display: block;

   border-radius: 50%;

   filter: blur(100px);
}


.wn-billions-glow-1 {
   width: 420px;
   height: 420px;

   top: 100px;
   left: -220px;

   background:
      rgba(95, 146, 114, 0.11);
}


.wn-billions-glow-2 {
   width: 480px;
   height: 480px;

   right: -240px;
   bottom: -130px;

   background:
      rgba(63, 121, 84, 0.09);
}



/* ======================================================
   KICKER
====================================================== */

.wn-billions-kicker {
   display: inline-flex;
   align-items: center;
   justify-content: center;

   gap: 12px;

   margin-bottom: 20px;

   padding: 8px 15px;

   border-radius: 100px;

   border:
      1px solid
      rgba(56, 113, 78, 0.12);

   background:
      rgba(95, 146, 114, 0.06);

   color: #557f64;

   font-size: 11px;
   line-height: 1;

   font-weight: 850;

   letter-spacing: 1.8px;
}


.wn-billions-kicker span {
   width: 26px;
   height: 1px;

   display: block;

   background:
      linear-gradient(
         90deg,
         transparent,
         #739982
      );
}


.wn-billions-kicker span:last-child {
   background:
      linear-gradient(
         90deg,
         #739982,
         transparent
      );
}



/* ======================================================
   CENTERED HEADING
====================================================== */

.wn-billions-heading {
   margin: 0;

   text-align: center;

   color: #082d20;

   font-size:
      clamp(38px, 4.2vw, 63px);

   line-height: 1.08;

   font-weight: 900;

   letter-spacing: -2.5px;
}


.wn-billions-gradient {
   position: relative;

   display: inline-block;

   background:
      linear-gradient(
         90deg,
         #08452f 0%,
         #5f9272 52%,
         #8eaf99 100%
      );

   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;

   background-clip: text;
}


.wn-billions-gradient::after {
   content: "";

   position: absolute;

   left: 4%;
   right: 4%;
   bottom: -7px;

   height: 8px;

   border-radius: 50%;

   background:
      rgba(95, 146, 114, 0.13);

   transform: rotate(-1deg);
}


.wn-billions-heading-bottom {
   color: #16251e;
}



/* ======================================================
   CENTERED ACCENT
====================================================== */

.wn-billions-heading-accent {
   display: flex;
   align-items: center;
   justify-content: center;

   gap: 7px;

   margin:
      28px auto 0;
}


.wn-billions-heading-accent span {
   display: block;

   width: 78px;
   height: 3px;

   border-radius: 20px;

   background:
      linear-gradient(
         90deg,
         #06412e,
         #72a182
      );
}


.wn-billions-heading-accent i {
   width: 8px;
   height: 8px;

   display: block;

   border-radius: 50%;

   background: #78a488;

   box-shadow:
      0 0 0 5px
      rgba(95, 146, 114, 0.09);
}



/* ======================================================
   MAIN ROW
====================================================== */

.wn-billions-main-row {
   margin-top: 60px;
}



/* ======================================================
   LEFT CONTENT
====================================================== */

.wn-billions-content {
   max-width: 670px;
}


.wn-billions-intro {
   position: relative;

   margin:
      0 0 27px;

   padding-left: 18px;

   color: #143426;

   font-size: 20px;
   line-height: 1.55;

   font-weight: 800;
}


.wn-billions-intro::before {
   content: "";

   position: absolute;

   top: 3px;
   bottom: 3px;
   left: 0;

   width: 4px;

   border-radius: 20px;

   background:
      linear-gradient(
         180deg,
         #144d37,
         #87ad94
      );
}



/* ======================================================
   BODY COPY
====================================================== */

.wn-billions-copy > p {
   margin:
      0 0 19px;

   color: #45564c;

   font-size: 18px;
   line-height: 1.72;

   font-weight: 400;
}


.wn-billions-copy p em {
   color: #376b4e;

   font-style: italic;

   font-weight: 750;
}


.wn-billions-copy p strong {
   color: #073b2a;

   font-weight: 900;
}



/* ======================================================
   RECURRING BLOCK
====================================================== */

.wn-billions-recurring {
   position: relative;

   display: flex;
   align-items: flex-start;

   gap: 14px;

   margin: 28px 0;

   padding: 20px 21px;

   overflow: hidden;

   border-radius: 18px;

   border:
      1px solid
      rgba(82, 137, 102, 0.13);

   background:
      linear-gradient(
         110deg,
         #f1f7f3,
         #ffffff
      );

   box-shadow:
      0 18px 45px
      rgba(25, 75, 51, 0.07);
}


.wn-billions-recurring::before {
   content: "";

   position: absolute;

   top: 0;
   bottom: 0;
   left: 0;

   width: 4px;

   background:
      linear-gradient(
         180deg,
         #174e39,
         #83a991
      );
}


.wn-billions-recurring-icon {
   width: 43px;
   height: 43px;

   flex: 0 0 43px;

   display: flex;
   align-items: center;
   justify-content: center;

   border-radius: 13px;

   background:
      linear-gradient(
         145deg,
         #0a4934,
         #639676
      );

   box-shadow:
      0 10px 23px
      rgba(19, 76, 51, 0.18);
}


.wn-billions-recurring-icon svg {
   width: 21px;
   height: 21px;

   fill: none;

   stroke: #ffffff;

   stroke-width: 2;
   stroke-linecap: round;
   stroke-linejoin: round;
}


.wn-billions-recurring p {
   margin: 0;

   color: #203d2e;

   font-size: 18px;
   line-height: 1.6;

   font-weight: 700;
}



/* ======================================================
   PRINTING LINE
====================================================== */

.wn-billions-copy .wn-billions-print-line {
   margin: 27px 0;

   color: #102f22;

   font-size: 22px;
   line-height: 1.55;

   font-weight: 750;
}


.wn-billions-print-line strong {
   display: inline-block;

   margin: 0 3px;

   padding:
      1px 9px 2px;

   border-radius: 7px;

   background:
      linear-gradient(
         90deg,
         #0b4a35,
         #648f73
      );

   color: #ffffff !important;

   font-weight: 900;

   box-shadow:
      0 8px 22px
      rgba(24, 82, 55, 0.19);
}



/* ======================================================
   FINAL DARK BLOCK
====================================================== */

.wn-billions-final {
   position: relative;

   display: flex;
   align-items: flex-start;

   gap: 13px;

   margin-top: 28px;

   padding: 21px 23px;

   overflow: hidden;

   border-radius: 18px;

   background:
      linear-gradient(
         135deg,
         #073d2c 0%,
         #0b4a35 55%,
         #356d4c 100%
      );

   box-shadow:
      0 20px 45px
      rgba(7, 61, 44, 0.18);
}


.wn-billions-final::before {
   content: "";

   position: absolute;

   top: 0;
   left: 15%;
   right: 15%;

   height: 1px;

   background:
      linear-gradient(
         90deg,
         transparent,
         rgba(255, 255, 255, 0.4),
         transparent
      );
}


.wn-billions-final-icon {
   width: 35px;
   height: 35px;

   flex: 0 0 35px;

   display: flex;
   align-items: center;
   justify-content: center;

   border-radius: 50%;

   border:
      1px solid
      rgba(255, 255, 255, 0.13);

   background:
      rgba(255, 255, 255, 0.1);

   color: #ffffff;

   font-size: 20px;
   font-weight: 900;
}


.wn-billions-final p {
   margin: 0;

   color: #ffffff;

   font-size: 19px;
   line-height: 1.55;

   font-weight: 700;
}


.wn-billions-final p em {
   color: #cce1d2;

   font-weight: 900;
}



/* ======================================================
   RIGHT IMAGE
====================================================== */

.wn-billions-visual {
   position: relative;

   min-height: 620px;

   display: flex;
   align-items: center;
   justify-content: center;

   isolation: isolate;
}


.wn-billions-image-glow {
   position: absolute;

   z-index: -2;

   width: 77%;
   height: 74%;

   left: 50%;
   top: 50%;

   transform:
      translate(-50%, -50%);

   border-radius: 50%;

   background:
      radial-gradient(
         circle,
         rgba(98, 151, 117, 0.17),
         rgba(75, 130, 95, 0.07) 45%,
         transparent 72%
      );

   filter: blur(35px);
}


.wn-billions-visual::after {
   content: "";

   position: absolute;

   z-index: -1;

   left: 50%;
   bottom: 20px;

   transform:
      translateX(-50%);

   width: 67%;
   height: 40px;

   border-radius: 50%;

   background:
      rgba(24, 70, 43, 0.12);

   filter: blur(23px);
}


.wn-billions-visual img {
   position: relative;

   z-index: 3;

   width: auto;
   max-width: 100%;

   max-height: 630px;

   object-fit: contain;

   filter:
      drop-shadow(
         0 28px 35px
         rgba(20, 66, 39, 0.16)
      );

   transition:
      transform 0.35s ease,
      filter 0.35s ease;
}


.wn-billions-visual:hover img {
   transform:
      translateY(-5px);

   filter:
      drop-shadow(
         0 36px 42px
         rgba(20, 66, 39, 0.21)
      );
}



/* Decorative circles */

.wn-billions-circle {
   position: absolute;

   z-index: -1;

   display: block;

   border-radius: 50%;

   border:
      1px solid
      rgba(76, 127, 95, 0.12);
}


.wn-billions-circle-1 {
   width: 145px;
   height: 145px;

   top: 55px;
   right: 40px;

   background:
      rgba(100, 151, 116, 0.03);
}


.wn-billions-circle-2 {
   width: 78px;
   height: 78px;

   left: 25px;
   bottom: 115px;

   background:
      rgba(100, 151, 116, 0.04);
}



/* ======================================================
   TABLET
====================================================== */

@media (max-width: 1199px) {

   .wn-billions-visual {
      min-height: 560px;
   }


   .wn-billions-visual img {
      max-height: 570px;
   }

}



/* ======================================================
   BELOW 992px
====================================================== */

@media (max-width: 991px) {

   .wn-billions-section {
      padding:
         70px 0 80px;
   }


   .wn-billions-main-row {
      margin-top: 48px;
   }


   .wn-billions-content,
   .wn-billions-visual {
      max-width: 720px;

      margin-left: auto;
      margin-right: auto;
   }


   .wn-billions-visual {
      min-height: 580px;

      margin-top: 15px;
   }


   .wn-billions-visual img {
      max-height: 580px;
   }

}



/* ======================================================
   MOBILE
====================================================== */

@media (max-width: 767px) {

   .wn-billions-section {
      padding:
         52px 0 62px;
   }


   .wn-billions-kicker {
      gap: 7px;

      padding:
         7px 10px;

      font-size: 8px;

      letter-spacing: 1px;
   }


   .wn-billions-kicker span {
      width: 15px;
   }


   .wn-billions-heading {
      font-size: 34px;
      line-height: 1.13;

      letter-spacing: -1.5px;
   }


   .wn-billions-heading-accent {
      margin-top: 23px;
   }


   .wn-billions-main-row {
      margin-top: 40px;
   }


   .wn-billions-intro {
      font-size: 18px;
   }


   .wn-billions-copy > p {
      font-size: 16px;
      line-height: 1.65;
   }


   .wn-billions-recurring {
      gap: 11px;

      padding: 16px;

      margin: 22px 0;
   }


   .wn-billions-recurring-icon {
      width: 38px;
      height: 38px;

      flex-basis: 38px;
   }


   .wn-billions-recurring p {
      font-size: 16px;
   }


   .wn-billions-copy .wn-billions-print-line {
      font-size: 19px;
   }


   .wn-billions-final {
      padding: 17px;
   }


   .wn-billions-final p {
      font-size: 16px;
   }


   .wn-billions-visual {
      min-height: 470px;
   }


   .wn-billions-visual img {
      max-height: 470px;
   }


   .wn-billions-circle-1 {
      width: 100px;
      height: 100px;
   }


   .wn-billions-circle-2 {
      width: 55px;
      height: 55px;
   }

}



/* ======================================================
   SMALL MOBILE
====================================================== */

@media (max-width: 480px) {

   .wn-billions-heading {
      font-size: 30px;
   }


   .wn-billions-copy > p {
      font-size: 15.5px;
   }


   .wn-billions-visual {
      min-height: 395px;
   }


   .wn-billions-visual img {
      max-height: 395px;
   }


   .wn-billions-final-icon {
      width: 31px;
      height: 31px;

      flex-basis: 31px;

      font-size: 16px;
   }

}
/* =========================================================
   WELLNEST
   MONOPOLY SECTION
   WHITE / DEEP GREEN / SAGE THEME
========================================================= */

.wn-monopoly-section {
   position: relative;
   isolation: isolate;
   overflow: hidden;

   padding: 95px 0 105px;

   font-size: 18px;

   background:
      radial-gradient(
         circle at 8% 20%,
         rgba(95, 146, 114, 0.08),
         transparent 25%
      ),
      radial-gradient(
         circle at 92% 78%,
         rgba(36, 101, 70, 0.06),
         transparent 27%
      ),
      linear-gradient(
         180deg,
         #ffffff 0%,
         #fbfdfb 50%,
         #f6faf7 100%
      );
}


/* =========================================================
   BACKGROUND
========================================================= */

.wn-monopoly-bg {
   position: absolute;
   inset: 0;

   z-index: -1;

   pointer-events: none;
}


.wn-monopoly-dots {
   position: absolute;
   inset: 0;

   background-image:
      radial-gradient(
         rgba(48, 104, 72, 0.13) 1px,
         transparent 1px
      );

   background-size: 18px 18px;

   opacity: 0.30;

   -webkit-mask-image:
      radial-gradient(
         circle at center,
         #000 0%,
         transparent 72%
      );

   mask-image:
      radial-gradient(
         circle at center,
         #000 0%,
         transparent 72%
      );
}


.wn-monopoly-glow {
   position: absolute;

   display: block;

   border-radius: 50%;

   filter: blur(100px);
}


.wn-monopoly-glow-1 {
   width: 430px;
   height: 430px;

   top: 80px;
   left: -220px;

   background:
      rgba(95, 146, 114, 0.11);
}


.wn-monopoly-glow-2 {
   width: 500px;
   height: 500px;

   right: -260px;
   bottom: -150px;

   background:
      rgba(52, 116, 79, 0.08);
}


.wn-monopoly-ring {
   position: absolute;

   display: block;

   border-radius: 50%;

   border:
      1px solid
      rgba(75, 127, 95, 0.06);
}


.wn-monopoly-ring-1 {
   width: 500px;
   height: 500px;

   top: -330px;
   right: -90px;
}


.wn-monopoly-ring-2 {
   width: 330px;
   height: 330px;

   bottom: -230px;
   left: 12%;
}



/* =========================================================
   HEADING
========================================================= */

.wn-monopoly-heading {
   margin: 0;

   color: #102b20;

   text-align: center;

   font-size:
      clamp(38px, 4.2vw, 62px);

   line-height: 1.08;

   font-weight: 900;

   letter-spacing: -2.5px;
}


.wn-monopoly-highlight {
   position: relative;

   display: inline-block;

   background:
      linear-gradient(
         90deg,
         #0a4632 0%,
         #5f9272 50%,
         #8caf98 100%
      );

   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;

   background-clip: text;
}


.wn-monopoly-highlight::after {
   content: "";

   position: absolute;

   left: 5%;
   right: 5%;
   bottom: -7px;

   height: 9px;

   border-radius: 100%;

   background:
      rgba(95, 146, 114, 0.13);

   transform:
      rotate(-1deg);
}



/* =========================================================
   HEADING ACCENT
========================================================= */

.wn-monopoly-heading-accent {
   display: flex;
   align-items: center;
   justify-content: center;

   gap: 8px;

   margin-top: 29px;
}


.wn-monopoly-heading-accent span {
   width: 55px;
   height: 1px;

   display: block;

   background:
      linear-gradient(
         90deg,
         transparent,
         #789b84
      );
}


.wn-monopoly-heading-accent span:last-child {
   background:
      linear-gradient(
         90deg,
         #789b84,
         transparent
      );
}


.wn-monopoly-heading-accent i {
   width: 8px;
   height: 8px;

   display: block;

   border-radius: 50%;

   background: #648f73;

   box-shadow:
      0 0 0 5px
      rgba(95, 146, 114, 0.09);
}



/* =========================================================
   MAIN ROW
========================================================= */

.wn-monopoly-main-row {
   margin-top: 62px;
}



/* =========================================================
   CONTENT
========================================================= */

.wn-monopoly-content {
   position: relative;

   max-width: 680px;
}



/* Intro */

.wn-monopoly-intro {
   position: relative;

   margin: 0 0 26px;

   padding-left: 18px;

   color: #123426;

   font-size: 21px;
   line-height: 1.5;

   font-weight: 850;
}


.wn-monopoly-intro::before {
   content: "";

   position: absolute;

   top: 3px;
   bottom: 3px;
   left: 0;

   width: 4px;

   border-radius: 10px;

   background:
      linear-gradient(
         180deg,
         #0e4a34,
         #8bb19a
      );
}



/* =========================================================
   NORMAL COPY = 18PX
========================================================= */

.wn-monopoly-copy > p {
   margin: 0 0 20px;

   color: #44554b;

   font-size: 18px;
   line-height: 1.72;

   font-weight: 400;
}


.wn-monopoly-copy p em {
   color: #2f6849;

   font-style: italic;

   font-weight: 800;
}



/* =========================================================
   WALL BLOCK
========================================================= */

.wn-monopoly-wall-block {
   position: relative;

   display: flex;
   align-items: flex-start;

   gap: 14px;

   margin: 29px 0;

   padding: 21px 22px;

   overflow: hidden;

   border-radius: 18px;

   border:
      1px solid
      rgba(80, 135, 100, 0.14);

   background:
      linear-gradient(
         110deg,
         #f1f7f3 0%,
         #ffffff 100%
      );

   box-shadow:
      0 18px 45px
      rgba(25, 75, 51, 0.07);
}


.wn-monopoly-wall-block::before {
   content: "";

   position: absolute;

   top: 0;
   bottom: 0;
   left: 0;

   width: 4px;

   background:
      linear-gradient(
         180deg,
         #0e4c36,
         #82aa90
      );
}


.wn-monopoly-wall-icon {
   width: 44px;
   height: 44px;

   flex: 0 0 44px;

   display: flex;
   align-items: center;
   justify-content: center;

   border-radius: 13px;

   background:
      linear-gradient(
         145deg,
         #073e2c,
         #609173
      );

   box-shadow:
      0 10px 25px
      rgba(17, 76, 48, 0.18);
}


.wn-monopoly-wall-icon svg {
   width: 22px;
   height: 22px;

   fill: none;

   stroke: #ffffff;

   stroke-width: 2;
   stroke-linecap: round;
   stroke-linejoin: round;
}


.wn-monopoly-wall-block p {
   margin: 0;

   color: #203c2e;

   font-size: 18px;
   line-height: 1.62;

   font-weight: 700;
}



/* =========================================================
   BIGGER BUDGETS / TEAMS / REACH
========================================================= */

.wn-monopoly-power-row {
   display: flex;
   align-items: center;
   flex-wrap: wrap;

   gap: 10px;

   margin: 28px 0;
}


.wn-monopoly-power-row span {
   display: inline-flex;
   align-items: center;

   padding: 9px 13px;

   border-radius: 9px;

   border:
      1px solid
      rgba(78, 131, 97, 0.12);

   background:
      #f4f8f5;

   color: #153d2b;

   font-size: 14px;
   line-height: 1;

   font-weight: 850;

   box-shadow:
      inset 0 1px 0 #ffffff;
}


.wn-monopoly-power-row i {
   width: 5px;
   height: 5px;

   display: block;

   border-radius: 50%;

   background: #739982;
}



/* =========================================================
   WARNING LINE
========================================================= */

.wn-monopoly-copy .wn-monopoly-warning {
   position: relative;

   margin: 28px 0;

   padding: 18px 20px;

   border-radius: 14px;

   background:
      linear-gradient(
         90deg,
         rgba(11, 67, 47, 0.06),
         rgba(95, 146, 114, 0.03)
      );

   border:
      1px solid
      rgba(63, 118, 83, 0.11);

   color: #0d3827;

   font-size: 20px;
   line-height: 1.55;

   font-weight: 800;
}


.wn-monopoly-warning::before {
   content: "";

   position: absolute;

   top: 12px;
   bottom: 12px;
   left: 0;

   width: 3px;

   border-radius:
      0 10px 10px 0;

   background: #4e8060;
}



/* =========================================================
   FINAL REVEAL
========================================================= */

.wn-monopoly-final {
   position: relative;

   display: flex;
   align-items: center;

   gap: 12px;

   margin-top: 30px;
}


.wn-monopoly-final-line {
   width: 62px;
   height: 3px;

   display: block;

   border-radius: 20px;

   background:
      linear-gradient(
         90deg,
         #0a4632,
         #7aa087
      );
}


.wn-monopoly-final strong {
   display: inline-block;

   color: #093f2c;

   font-size: 28px;
   line-height: 1.2;

   font-weight: 900;

   letter-spacing: -0.6px;
}



/* =========================================================
   RIGHT IMAGE
========================================================= */

.wn-monopoly-visual {
   position: relative;

   isolation: isolate;

   min-height: 610px;

   display: flex;
   align-items: center;
   justify-content: center;
}



/* Soft glow only */

.wn-monopoly-image-glow {
   position: absolute;

   z-index: -2;

   width: 80%;
   height: 76%;

   left: 50%;
   top: 50%;

   transform:
      translate(-50%, -50%);

   border-radius: 50%;

   background:
      radial-gradient(
         circle,
         rgba(96, 151, 117, 0.17) 0%,
         rgba(69, 123, 89, 0.07) 46%,
         transparent 72%
      );

   filter: blur(35px);
}



/* Ground shadow */

.wn-monopoly-visual::after {
   content: "";

   position: absolute;

   z-index: -1;

   width: 68%;
   height: 40px;

   left: 50%;
   bottom: 12px;

   transform:
      translateX(-50%);

   border-radius: 50%;

   background:
      rgba(26, 68, 44, 0.12);

   filter: blur(24px);
}



/* Image */

.wn-monopoly-visual img {
   position: relative;

   z-index: 3;

   width: auto;
   max-width: 100%;

   max-height: 620px;

   object-fit: contain;

   filter:
      drop-shadow(
         0 30px 36px
         rgba(20, 65, 39, 0.16)
      );

   transition:
      transform 0.35s ease,
      filter 0.35s ease;
}


.wn-monopoly-visual:hover img {
   transform:
      translateY(-5px);

   filter:
      drop-shadow(
         0 37px 43px
         rgba(20, 65, 39, 0.21)
      );
}



/* Decorative circles */

.wn-monopoly-image-circle {
   position: absolute;

   z-index: -1;

   display: block;

   border-radius: 50%;

   border:
      1px solid
      rgba(83, 135, 101, 0.12);

   background:
      rgba(94, 145, 112, 0.025);
}


.wn-monopoly-image-circle-1 {
   width: 145px;
   height: 145px;

   top: 55px;
   right: 30px;
}


.wn-monopoly-image-circle-2 {
   width: 75px;
   height: 75px;

   bottom: 110px;
   left: 30px;
}



/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1199px) {

   .wn-monopoly-visual {
      min-height: 550px;
   }


   .wn-monopoly-visual img {
      max-height: 560px;
   }

}



/* =========================================================
   BELOW 992PX
========================================================= */

@media (max-width: 991px) {

   .wn-monopoly-section {
      padding:
         70px 0 80px;
   }


   .wn-monopoly-main-row {
      margin-top: 48px;
   }


   .wn-monopoly-content,
   .wn-monopoly-visual {
      max-width: 720px;

      margin-left: auto;
      margin-right: auto;
   }


   .wn-monopoly-visual {
      min-height: 570px;

      margin-top: 15px;
   }


   .wn-monopoly-visual img {
      max-height: 570px;
   }

}



/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

   .wn-monopoly-section {
      padding:
         52px 0 62px;
   }


   .wn-monopoly-heading {
      font-size: 34px;
      line-height: 1.13;

      letter-spacing: -1.5px;
   }


   .wn-monopoly-heading-accent {
      margin-top: 23px;
   }


   .wn-monopoly-main-row {
      margin-top: 40px;
   }


   .wn-monopoly-intro {
      font-size: 18px;
   }


   .wn-monopoly-copy > p {
      font-size: 16px;
      line-height: 1.65;
   }


   .wn-monopoly-wall-block {
      gap: 11px;

      margin: 23px 0;

      padding: 16px;
   }


   .wn-monopoly-wall-icon {
      width: 38px;
      height: 38px;

      flex-basis: 38px;
   }


   .wn-monopoly-wall-icon svg {
      width: 19px;
      height: 19px;
   }


   .wn-monopoly-wall-block p {
      font-size: 16px;
   }


   .wn-monopoly-power-row {
      gap: 7px;

      margin: 22px 0;
   }


   .wn-monopoly-power-row span {
      padding: 8px 10px;

      font-size: 12px;
   }


   .wn-monopoly-copy .wn-monopoly-warning {
      margin: 23px 0;

      padding: 16px;

      font-size: 17px;
   }


   .wn-monopoly-final strong {
      font-size: 24px;
   }


   .wn-monopoly-visual {
      min-height: 470px;
   }


   .wn-monopoly-visual img {
      max-height: 470px;
   }


   .wn-monopoly-image-circle-1 {
      width: 100px;
      height: 100px;
   }


   .wn-monopoly-image-circle-2 {
      width: 55px;
      height: 55px;
   }

}



/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

   .wn-monopoly-heading {
      font-size: 30px;
   }


   .wn-monopoly-copy > p {
      font-size: 15.5px;
   }


   .wn-monopoly-power-row i {
      display: none;
   }


   .wn-monopoly-final-line {
      width: 42px;
   }


   .wn-monopoly-final strong {
      font-size: 22px;
   }


   .wn-monopoly-visual {
      min-height: 390px;
   }


   .wn-monopoly-visual img {
      max-height: 395px;
   }

}

/* =========================================================
   ULTRA PREMIUM DARK THEME
========================================================= */

.wn-way-section {
   position: relative;
   overflow: hidden;
   padding: 90px 0 110px;
   background:
      radial-gradient(circle at 12% 20%, rgba(68, 204, 165, 0.09), transparent 30%),
      radial-gradient(circle at 88% 30%, rgba(74, 118, 255, 0.09), transparent 32%),
      linear-gradient(145deg, #070b10 0%, #091019 45%, #05080d 100%);
   isolation: isolate;
}


/* =========================================================
   BACKGROUND
========================================================= */

.wn-way-bg {
   position: absolute;
   inset: 0;
   pointer-events: none;
   overflow: hidden;
   z-index: -1;
}


.wn-way-grid {
   position: absolute;
   inset: 0;
   opacity: 0.22;

   background-image:
      linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);

   background-size: 54px 54px;

   mask-image:
      linear-gradient(
         to bottom,
         transparent,
         #000 20%,
         #000 80%,
         transparent
      );
}


.wn-way-glow {
   position: absolute;
   display: block;
   border-radius: 50%;
   filter: blur(100px);
}


.wn-way-glow-1 {
   width: 500px;
   height: 500px;
   left: -260px;
   top: 15%;
   background: rgba(34, 211, 161, 0.11);
}


.wn-way-glow-2 {
   width: 540px;
   height: 540px;
   right: -300px;
   top: 25%;
   background: rgba(75, 115, 255, 0.12);
}


.wn-way-glow-3 {
   width: 350px;
   height: 350px;
   left: 45%;
   bottom: -240px;
   background: rgba(114, 69, 255, 0.08);
}


.wn-way-line {
   position: absolute;
   height: 1px;
   width: 450px;
   opacity: 0.18;
}


.wn-way-line-1 {
   left: -150px;
   top: 34%;
   transform: rotate(-35deg);
   background: linear-gradient(
      90deg,
      transparent,
      #4ce5b3,
      transparent
   );
}


.wn-way-line-2 {
   right: -180px;
   bottom: 20%;
   transform: rotate(32deg);
   background: linear-gradient(
      90deg,
      transparent,
      #5e80ff,
      transparent
   );
}



/* =========================================================
   KICKER
========================================================= */

.wn-way-kicker {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 12px;

   padding: 9px 18px;

   border: 1px solid rgba(94, 225, 184, 0.18);
   border-radius: 100px;

   background: rgba(255, 255, 255, 0.035);

   color: #91f4d3;

   font-size: 12px;
   font-weight: 800;
   letter-spacing: 2px;

   text-transform: uppercase;

   box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.05),
      0 12px 30px rgba(0, 0, 0, 0.2);

   backdrop-filter: blur(10px);
}


.wn-way-kicker-line {
   display: block;
   width: 26px;
   height: 1px;

   background: linear-gradient(
      90deg,
      transparent,
      #51dbad
   );
}


.wn-way-kicker-line:last-child {
   transform: rotate(180deg);
}


.wn-way-kicker-icon {
   width: 25px;
   height: 25px;

   display: inline-flex;
   align-items: center;
   justify-content: center;

   border-radius: 50%;

   background: rgba(76, 228, 179, 0.1);
}


.wn-way-kicker-icon svg {
   width: 14px;
   height: 14px;
   fill: none;
   stroke: #6bf2c5;
   stroke-width: 2;
   stroke-linecap: round;
   stroke-linejoin: round;
}



/* =========================================================
   HEADING
========================================================= */

.wn-way-heading {
max-width: 1250px;
  margin: 24px auto 0;
  color: #ffffff;
  font-size: clamp(30px, 4.3vw, 44px);
  line-height: 1.08;
  font-weight: 900;
  letter-spacing: -1.7px;
}


.wn-way-heading-soft {
   color: #f7f9fc;
}


.wn-way-heading-highlight {
   display: inline-block;

   margin-top: 7px;

   background: linear-gradient(
      90deg,
      #61e9bc 0%,
      #9ff9dc 42%,
      #a8beff 100%
   );

   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
}


.wn-way-heading-decoration {
   display: flex;
   align-items: center;
   justify-content: center;

   gap: 14px;

   margin-top: 26px;
}


.wn-way-heading-decoration > span {
   width: 75px;
   height: 1px;

   background: linear-gradient(
      90deg,
      transparent,
      rgba(96, 232, 187, 0.55)
   );
}


.wn-way-heading-decoration > span:last-child {
   transform: rotate(180deg);
}


.wn-way-heading-decoration i {
   width: 34px;
   height: 34px;

   display: flex;
   align-items: center;
   justify-content: center;

   border-radius: 50%;

   border: 1px solid rgba(103, 235, 194, 0.2);

   background: rgba(94, 221, 180, 0.06);
}


.wn-way-heading-decoration svg {
   width: 15px;
   height: 15px;

   fill: none;
   stroke: #72edc5;
   stroke-width: 2;
   stroke-linecap: round;
   stroke-linejoin: round;
}



/* =========================================================
   MAIN ROW
========================================================= */

.wn-way-main-row {
   margin-top: 65px;
}



/* =========================================================
   LEFT VISUAL
========================================================= */

.wn-way-visual-wrap {
   position: relative;
   max-width: 620px;
   margin: 0 auto;
   padding: 22px;
}


.wn-way-visual-glow {
   position: absolute;
   width: 75%;
   height: 75%;
   left: 12%;
   top: 13%;

   border-radius: 50%;

   background: rgba(75, 224, 177, 0.16);

   filter: blur(85px);
}


.wn-way-visual-frame {
   position: relative;
   z-index: 2;
   overflow: hidden;

   border: 1px solid rgba(255, 255, 255, 0.1);
   border-radius: 28px;

   background:
      linear-gradient(
         145deg,
         rgba(255, 255, 255, 0.07),
         rgba(255, 255, 255, 0.018)
      );

   box-shadow:
      0 35px 80px rgba(0, 0, 0, 0.48),
      inset 0 1px 0 rgba(255, 255, 255, 0.08);

   backdrop-filter: blur(18px);
}


.wn-way-visual-frame::before {
   content: "";
   position: absolute;
   inset: 0;
   pointer-events: none;

   background:
      linear-gradient(
         120deg,
         rgba(255, 255, 255, 0.08),
         transparent 30%,
         transparent 75%,
         rgba(91, 218, 178, 0.035)
      );
}


.wn-way-visual-top {
   min-height: 60px;

   display: flex;
   align-items: center;
   justify-content: space-between;

   padding: 0 20px;

   border-bottom: 1px solid rgba(255, 255, 255, 0.07);

   background: rgba(4, 9, 14, 0.56);
}


.wn-way-window-dots {
   display: flex;
   gap: 7px;
}


.wn-way-window-dots span {
   width: 8px;
   height: 8px;

   border-radius: 50%;

   background: rgba(255, 255, 255, 0.2);
}


.wn-way-window-dots span:nth-child(1) {
   background: #ff6c6c;
}


.wn-way-window-dots span:nth-child(2) {
   background: #ffd761;
}


.wn-way-window-dots span:nth-child(3) {
   background: #56dfaa;
}


.wn-way-window-label {
   color: rgba(255, 255, 255, 0.48);

   font-size: 10px;
   font-weight: 800;
   letter-spacing: 1.8px;
}


.wn-way-image-box {
   position: relative;
   padding: 15px;
}


.wn-way-image-box img {
   position: relative;
   width: 100%;

   border-radius: 20px;

   filter:
      saturate(1.04)
      contrast(1.025);

   z-index: 1;
}


.wn-way-visual-footer {
   display: flex;
   align-items: center;
   gap: 11px;

   padding: 18px 20px;

   border-top: 1px solid rgba(255, 255, 255, 0.07);

   color: rgba(255, 255, 255, 0.65);

   font-size: 13px;

   background: rgba(6, 12, 18, 0.68);
}


.wn-way-visual-footer span {
   display: block;

   margin-bottom: 2px;

   color: #7deec9;

   font-size: 10px;
   font-weight: 900;
   letter-spacing: 1.3px;
}


.wn-way-live-dot {
   width: 9px;
   height: 9px;
   flex: 0 0 9px;

   border-radius: 50%;

   background: #5de5b8;

   box-shadow:
      0 0 0 5px rgba(93, 229, 184, 0.09),
      0 0 17px rgba(93, 229, 184, 0.5);
}


.wn-way-status {
   margin-left: auto;

   padding: 7px 11px;

   border: 1px solid rgba(100, 231, 190, 0.14);
   border-radius: 100px;

   background: rgba(84, 225, 179, 0.07);

   color: #78eac5;

   font-size: 11px;
   font-weight: 800;
}



/* =========================================================
   FLOATING CARD
========================================================= */

.wn-way-floating-card {
   position: absolute;
   z-index: 5;

   left: -5px;
   bottom: 83px;

   display: flex;
   align-items: center;
   gap: 11px;

   padding: 13px 16px;

   border: 1px solid rgba(255, 255, 255, 0.11);
   border-radius: 16px;

   background: rgba(7, 14, 20, 0.91);

   box-shadow:
      0 20px 45px rgba(0, 0, 0, 0.45),
      inset 0 1px rgba(255, 255, 255, 0.06);

   backdrop-filter: blur(15px);
}


.wn-way-floating-icon {
   width: 38px;
   height: 38px;

   display: flex;
   align-items: center;
   justify-content: center;

   border-radius: 12px;

   color: #71ebc4;

   background:
      linear-gradient(
         145deg,
         rgba(79, 230, 183, 0.16),
         rgba(79, 230, 183, 0.04)
      );
}


.wn-way-floating-icon svg {
   width: 20px;
   height: 20px;

   fill: none;
   stroke: currentColor;
   stroke-width: 1.8;
   stroke-linecap: round;
   stroke-linejoin: round;
}


.wn-way-floating-card small {
   display: block;

   color: #6ce4bd;

   font-size: 9px;
   font-weight: 800;
   letter-spacing: 1px;
}


.wn-way-floating-card strong {
   display: block;

   margin-top: 2px;

   color: #ffffff;

   font-size: 14px;
}



/* =========================================================
   CONTENT CARD
========================================================= */

.wn-way-content-card {
   position: relative;
   overflow: hidden;

   padding: 38px;

   border: 1px solid rgba(255, 255, 255, 0.09);
   border-radius: 30px;

   background:
      linear-gradient(
         145deg,
         rgba(255, 255, 255, 0.065),
         rgba(255, 255, 255, 0.025)
      );

   box-shadow:
      0 35px 90px rgba(0, 0, 0, 0.34),
      inset 0 1px 0 rgba(255, 255, 255, 0.075);

   backdrop-filter: blur(20px);
}


.wn-way-content-card::before {
   content: "";
   position: absolute;

   top: 0;
   left: 70px;
   right: 70px;

   height: 1px;

   background:
      linear-gradient(
         90deg,
         transparent,
         rgba(102, 237, 194, 0.72),
         transparent
      );
}


.wn-way-card-shine {
   position: absolute;
   width: 230px;
   height: 230px;

   right: -120px;
   top: -100px;

   border-radius: 50%;

   background: rgba(89, 211, 174, 0.09);

   filter: blur(70px);
}



/* =========================================================
   CARD LABEL
========================================================= */

.wn-way-card-label {
   position: relative;
   z-index: 1;

   display: inline-flex;
   align-items: center;
   gap: 9px;

   margin-bottom: 26px;

   padding: 8px 13px;

   border-radius: 9px;

   background: rgba(94, 230, 187, 0.075);
   border: 1px solid rgba(94, 230, 187, 0.13);

   color: #7cebc7;

   font-size: 10px;
   font-weight: 900;
   letter-spacing: 1.4px;

   text-transform: uppercase;
}


.wn-way-card-label-icon {
   font-size: 12px;
}



/* =========================================================
   COPY
========================================================= */

.wn-way-copy {
   position: relative;
   z-index: 1;

   color: rgba(255, 255, 255, 0.71);

   font-size: 18px;
   line-height: 1.72;
   font-weight: 400;
}


.wn-way-copy p {
   margin-bottom: 20px;
}


.wn-way-copy p:last-child {
   margin-bottom: 0;
}


.wn-way-intro {
   color: #ffffff !important;

   font-size: 23px;
   font-weight: 800 !important;

   letter-spacing: -0.35px;
}


.wn-way-copy strong {
   color: #ffffff;
   font-weight: 800;
}


.wn-way-copy em {
   color: #90f3d3;
   font-style: italic;
}



/* =========================================================
   HIGHLIGHT STATEMENT
========================================================= */

.wn-way-copy-highlight {
   display: flex;
   align-items: flex-start;
   gap: 13px;

   margin: 27px 0;

   padding: 17px 18px;

   border: 1px solid rgba(104, 233, 193, 0.12);
   border-radius: 15px;

   background:
      linear-gradient(
         90deg,
         rgba(80, 224, 178, 0.085),
         rgba(80, 224, 178, 0.025)
      );
}


.wn-way-copy-highlight p {
   margin: 0;

   color: rgba(255, 255, 255, 0.88);
   font-weight: 600;
}


.wn-way-copy-highlight-icon {
   width: 36px;
   height: 36px;
   flex: 0 0 36px;

   display: flex;
   align-items: center;
   justify-content: center;

   border-radius: 11px;

   background: rgba(82, 227, 181, 0.11);

   color: #72eac4;
}


.wn-way-copy-highlight-icon svg {
   width: 18px;
   height: 18px;

   fill: none;
   stroke: currentColor;
   stroke-width: 1.8;
   stroke-linecap: round;
   stroke-linejoin: round;
}



/* =========================================================
   PAYMENT PROOF CARDS
========================================================= */

.wn-way-proof {
   position: relative;
   overflow: hidden;

   max-width: 440px;

   margin: 20px 0 24px;

   padding: 9px;

   border: 1px solid rgba(255, 255, 255, 0.09);
   border-radius: 18px;

   background:
      linear-gradient(
         145deg,
         rgba(255, 255, 255, 0.07),
         rgba(255, 255, 255, 0.025)
      );

   box-shadow:
      0 18px 45px rgba(0, 0, 0, 0.28),
      inset 0 1px rgba(255, 255, 255, 0.06);

   transition:
      transform 0.3s ease,
      border-color 0.3s ease;
}


.wn-way-proof:hover {
   transform: translateY(-4px);

   border-color: rgba(94, 231, 187, 0.27);
}


.wn-way-proof-2 {
   margin-left: 25px;
}


.wn-way-proof-3 {
   margin-left: 50px;
}


.wn-way-proof-header {
   display: flex;
   align-items: center;
   justify-content: space-between;

   padding: 4px 6px 10px;
}


.wn-way-proof-tag {
   color: rgba(255, 255, 255, 0.43);

   font-size: 9px;
   font-weight: 800;
   letter-spacing: 1.3px;
}


.wn-way-proof-check {
   width: 23px;
   height: 23px;

   display: flex;
   align-items: center;
   justify-content: center;

   border-radius: 50%;

   background: rgba(70, 220, 171, 0.12);

   color: #65e6bd;

   font-size: 12px;
   font-weight: 900;
}


.wn-way-proof-image {
   overflow: hidden;

   border-radius: 11px;

   background: #ffffff;
}


.wn-way-proof-image img {
   width: 100%;
}



/* =========================================================
   TEXT BETWEEN SCREENSHOTS
========================================================= */

.wn-way-between-text {
   margin: 0 0 5px;

   color: rgba(255, 255, 255, 0.65);

   font-size: 18px;
   font-weight: 600;
}


.wn-way-between-big {
   color: #ffffff;

   font-size: 19px;
   font-weight: 800;
}



/* =========================================================
   MONTH AFTER MONTH
========================================================= */

.wn-way-renew-copy {
   margin-top: 30px !important;

   padding: 19px 20px;

   border-left: 3px solid #5de2b7;
   border-radius: 0 13px 13px 0;

   background:
      linear-gradient(
         90deg,
         rgba(86, 226, 181, 0.1),
         rgba(86, 226, 181, 0.015)
      );

   color: rgba(255, 255, 255, 0.82) !important;
}


.wn-way-renew-copy strong {
   color: #82f0ce;
}



/* =========================================================
   NO AD WARS
========================================================= */

.wn-way-benefit-line {
   display: flex;
   flex-wrap: wrap;
   gap: 8px;

   margin: 25px 0;
}


.wn-way-benefit-line span {
   padding: 8px 12px;

   border: 1px solid rgba(255, 255, 255, 0.08);
   border-radius: 100px;

   background: rgba(255, 255, 255, 0.035);

   color: rgba(255, 255, 255, 0.74);

   font-size: 13px;
   font-weight: 700;
}



/* =========================================================
   FINAL QUESTION
========================================================= */

.wn-way-question {
   display: flex;
   align-items: center;
   gap: 15px;

   margin-top: 30px;

   padding: 19px 20px;

   border: 1px solid rgba(108, 139, 255, 0.15);
   border-radius: 17px;

   background:
      linear-gradient(
         135deg,
         rgba(90, 113, 255, 0.1),
         rgba(87, 226, 180, 0.055)
      );
}


.wn-way-question-mark {
   width: 43px;
   height: 43px;
   flex: 0 0 43px;

   display: flex;
   align-items: center;
   justify-content: center;

   border-radius: 50%;

   background:
      linear-gradient(
         145deg,
         #79edc8,
         #657fff
      );

   color: #071016;

   font-size: 21px;
   font-weight: 900;

   box-shadow:
      0 10px 25px rgba(75, 215, 173, 0.18);
}


.wn-way-question small {
   display: block;

   margin-bottom: 4px;

   color: #75eac5;

   font-size: 10px;
   font-weight: 900;
   letter-spacing: 1.4px;
}


.wn-way-question strong {
   display: block;

   color: #ffffff;

   font-size: 16px;
   line-height: 1.5;
}



/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1199px) {

   .wn-way-heading {
      letter-spacing: -2px;
   }

   .wn-way-content-card {
      padding: 32px;
   }

}


@media (max-width: 991px) {

   .wn-way-section {
      padding: 75px 0 85px;
   }

   .wn-way-main-row {
      margin-top: 50px;
   }

   .wn-way-visual-wrap {
      max-width: 650px;
      margin-bottom: 15px;
   }

   .wn-way-content-card {
      max-width: 680px;
      margin-left: auto;
      margin-right: auto;
   }

}


@media (max-width: 767px) {

   .wn-way-section {
      padding: 60px 0 70px;
   }

   .wn-way-kicker {
      gap: 7px;
      padding: 8px 12px;
      font-size: 9px;
      letter-spacing: 1.2px;
   }

   .wn-way-kicker-line {
      width: 15px;
   }

   .wn-way-heading {
      margin-top: 18px;

      font-size: 33px;
      line-height: 1.13;

      letter-spacing: -1.5px;
   }

   .wn-way-heading-decoration {
      margin-top: 20px;
   }

   .wn-way-main-row {
      margin-top: 40px;
   }

   .wn-way-visual-wrap {
      padding: 5px;
   }

   .wn-way-visual-frame {
      border-radius: 21px;
   }

   .wn-way-image-box {
      padding: 10px;
   }

   .wn-way-image-box img {
      border-radius: 15px;
   }

   .wn-way-floating-card {
      position: relative;

      left: auto;
      bottom: auto;

      width: fit-content;

      margin: -18px auto 0;
   }

   .wn-way-content-card {
      padding: 26px 20px;

      border-radius: 23px;
   }

   .wn-way-copy {
      font-size: 18px;
      line-height: 1.65;
   }

   .wn-way-intro {
      font-size: 21px;
   }

   .wn-way-proof {
      max-width: 100%;
   }

   .wn-way-proof-2,
   .wn-way-proof-3 {
      margin-left: 0;
   }

   .wn-way-question {
      align-items: flex-start;

      padding: 17px;
   }

}


@media (max-width: 480px) {

   .wn-way-heading {
      font-size: 29px;
   }

   .wn-way-content-card {
      padding: 23px 17px;
   }

   .wn-way-copy-highlight {
      padding: 15px;
   }

   .wn-way-benefit-line span {
      font-size: 12px;
   }

   .wn-way-visual-top {
      min-height: 50px;
      padding: 0 14px;
   }

   .wn-way-visual-footer {
      padding: 15px;
   }

}

.wn-impact-section {
   position: relative;
   overflow: hidden;
   padding: 80px 0;
   /* background:
      radial-gradient(circle at 15% 20%, rgba(0, 132, 255, 0.18), transparent 28%),
      radial-gradient(circle at 85% 15%, rgba(118, 66, 255, 0.18), transparent 24%),
      radial-gradient(circle at 50% 100%, rgba(0, 214, 255, 0.08), transparent 30%),
      linear-gradient(135deg, #020816 0%, #05122b 38%, #081734 70%, #07101f 100%); */
   font-size: 18px;
   background: url(../images/create-section2.png) no-repeat center top;
    background-size: auto;
    background-size: cover;
   
}

.wn-impact-section::before {
   content: "";
   position: absolute;
   inset: 0;
   background-image:
      linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
   background-size: 38px 38px;
   opacity: 0.35;
   pointer-events: none;
}

.wn-impact-kicker {
   display: inline-block;
   padding: 10px 20px;
   border-radius: 100px;
   border: 1px solid rgba(255, 255, 255, 0.12);
   background: rgba(255, 255, 255, 0.06);
   color: #9ecbff;
   font-size: 18px;
   font-weight: 600;
   letter-spacing: 0.4px;
   margin-bottom: 18px;
   backdrop-filter: blur(10px);
   -webkit-backdrop-filter: blur(10px);
}

.wn-impact-heading {
   margin: 0;
   color: #ffffff;
   font-size: 34px;
   line-height: 1.25;
   font-weight: 900;
   letter-spacing: -0.4px;
}

.wn-impact-heading span {
   background: linear-gradient(90deg, #7ed7ff 0%, #ffffff 45%, #b48cff 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
}

.wn-impact-main-row {
   margin-top: 55px;
}

.wn-impact-visual-wrap {
   position: relative;
   max-width: 470px;
   margin: 0 auto;
}

.wn-impact-glow {
   position: absolute;
   border-radius: 50%;
   filter: blur(50px);
   z-index: 0;
}

.wn-impact-glow-one {
   width: 180px;
   height: 180px;
   background: rgba(0, 153, 255, 0.25);
   top: 40px;
   left: -20px;
}

.wn-impact-glow-two {
   width: 180px;
   height: 180px;
   background: rgba(141, 89, 255, 0.22);
   right: -20px;
   bottom: 10px;
}

.wn-impact-image-card {
   position: relative;
   z-index: 2;
   padding: 18px;
   border-radius: 28px;
   background: linear-gradient(180deg, rgba(19, 43, 90, 0.88) 0%, rgba(44, 37, 109, 0.88) 100%);
   border: 1px solid rgba(255, 255, 255, 0.14);
   box-shadow:
      0 18px 60px rgba(0, 0, 0, 0.35),
      inset 0 1px 0 rgba(255, 255, 255, 0.08);
   overflow: hidden;
}

.wn-impact-image-card::before {
   content: "";
   position: absolute;
   inset: 0;
   background: linear-gradient(135deg, rgba(126, 215, 255, 0.14), rgba(180, 140, 255, 0.08) 45%, transparent 70%);
   pointer-events: none;
}

.wn-impact-image-dots {
   position: absolute;
   top: 24px;
   left: 24px;
   width: 120px;
   height: 120px;
   background-image: radial-gradient(rgba(255,255,255,0.45) 1px, transparent 1px);
   background-size: 8px 8px;
   opacity: 0.5;
   z-index: 1;
}

.wn-impact-main-image {
   position: relative;
   z-index: 2;
   width: 100%;
   display: block;
   border-radius: 20px;
}

.wn-impact-float-card {
   position: absolute;
   z-index: 3;
   width: 110px;
   border-radius: 18px;
   overflow: hidden;
   background: rgba(255, 255, 255, 0.12);
   border: 1px solid rgba(255, 255, 255, 0.18);
   box-shadow: 0 14px 32px rgba(0, 0, 0, 0.32);
   backdrop-filter: blur(10px);
   -webkit-backdrop-filter: blur(10px);
}

.wn-impact-float-card img {
   width: 100%;
   display: block;
}

.wn-impact-float-card-one {
   top: 54px;
   right: -18px;
}

.wn-impact-float-card-two {
   bottom: 34px;
   left: -18px;
}

.wn-impact-content-box {
   position: relative;
   padding: 34px 34px 32px;
   border-radius: 28px;
   background: rgba(255, 255, 255, 0.06);
   border: 1px solid rgba(255, 255, 255, 0.10);
   box-shadow:
      0 16px 50px rgba(0, 0, 0, 0.26),
      inset 0 1px 0 rgba(255, 255, 255, 0.05);
   backdrop-filter: blur(12px);
   -webkit-backdrop-filter: blur(12px);
}

.wn-impact-copy p {
margin: 0 0 16px;
  color: rgba(255, 255, 255, 0.90);
  font-size: 18px;
  line-height: 1.4;
  font-weight: 400;
}

.wn-impact-copy p:last-child {
   margin-bottom: 0;
}

.wn-impact-copy em {
   font-style: italic;
   color: #ffffff;
   font-weight: 700;
}

.wn-impact-shot-row {
   display: flex;
   flex-wrap: wrap;
   gap: 16px;
   margin: 24px 0;
}

.wn-impact-shot-card {
   flex: 1 1 220px;
   padding: 10px;
   border-radius: 20px;
   background: rgba(255, 255, 255, 0.07);
   border: 1px solid rgba(255, 255, 255, 0.12);
   box-shadow: 0 12px 24px rgba(0, 0, 0, 0.22);
}

.wn-impact-shot-card img {
   width: 100%;
   display: block;
   border-radius: 14px;
}

.wn-impact-list-wrap {
   margin-top: 26px;
   padding: 24px 24px 10px;
   border-radius: 22px;
   background: linear-gradient(180deg, rgba(13, 119, 255, 0.10) 0%, rgba(146, 93, 255, 0.10) 100%);
   border: 1px solid rgba(126, 215, 255, 0.14);
}

.wn-impact-list-title {
   margin-bottom: 16px;
   color: #ffffff;
   font-size: 20px;
   line-height: 1.5;
   font-weight: 700;
}

.wn-impact-list {
   list-style: none;
   padding: 0;
   margin: 0;
}

.wn-impact-list li {
   position: relative;
   padding-left: 36px;
   margin-bottom: 14px;
   color: rgba(255, 255, 255, 0.92);
   font-size: 18px;
   line-height: 1.65;
   font-weight: 500;
}

.wn-impact-list li::before {
   content: "";
   position: absolute;
   top: 10px;
   left: 0;
   width: 18px;
   height: 18px;
   border-radius: 50%;
   background: linear-gradient(135deg, #67d4ff 0%, #8a7cff 100%);
   box-shadow: 0 0 16px rgba(103, 212, 255, 0.45);
}

.wn-impact-list li::after {
   content: "";
   position: absolute;
   top: 15px;
   left: 6px;
   width: 6px;
   height: 6px;
   border-radius: 50%;
   background: #ffffff;
}

@media (max-width: 1199.98px) {
   .wn-impact-heading {
      font-size: 30px;
   }
}

@media (max-width: 991.98px) {
   .wn-impact-section {
      padding: 65px 0;
   }

   .wn-impact-main-row {
      margin-top: 40px;
      row-gap: 30px;
   }

   .wn-impact-visual-wrap {
      max-width: 430px;
   }

   .wn-impact-content-box {
      padding: 28px 24px;
   }
}

@media (max-width: 767.98px) {
   .wn-impact-heading {
      font-size: 26px;
   }

   .wn-impact-kicker {
      font-size: 16px;
      padding: 9px 16px;
   }

   .wn-impact-copy p,
   .wn-impact-list li {
      font-size: 17px;
      line-height: 1.7;
   }

   .wn-impact-list-title {
      font-size: 18px;
   }

   .wn-impact-float-card {
      width: 88px;
   }

   .wn-impact-float-card-one {
      top: 45px;
      right: -8px;
   }

   .wn-impact-float-card-two {
      left: -8px;
      bottom: 25px;
   }
}

@media (max-width: 575.98px) {
   .wn-impact-section {
      padding: 55px 0;
   }

   .wn-impact-heading {
      font-size: 23px;
   }

   .wn-impact-content-box {
      padding: 22px 18px;
      border-radius: 22px;
   }

   .wn-impact-image-card {
      padding: 14px;
      border-radius: 22px;
   }

   .wn-impact-shot-row {
      gap: 12px;
   }

   .wn-impact-list-wrap {
      padding: 20px 18px 8px;
   }

   .wn-impact-copy p,
   .wn-impact-list li {
      font-size: 16px;
   }
}


/* =========================================================
   WELLNEST AI - PREMIUM FOUNDER STORY
========================================================= */

.wn-founder-story {
   position: relative;
   overflow: hidden;
   padding: 85px 0 100px;
   background:
      radial-gradient(circle at 10% 15%, rgba(95, 146, 114, 0.13), transparent 28%),
      radial-gradient(circle at 92% 75%, rgba(3, 61, 43, 0.08), transparent 25%),
      linear-gradient(180deg, #ffffff 0%, #f7fbf8 55%, #ffffff 100%);
}


/* subtle pattern */
.wn-founder-story::before {
   content: "";
   position: absolute;
   inset: 0;
   pointer-events: none;
   opacity: 0.42;
   background-image:
      linear-gradient(rgba(3, 61, 43, 0.025) 1px, transparent 1px),
      linear-gradient(90deg, rgba(3, 61, 43, 0.025) 1px, transparent 1px);
   background-size: 40px 40px;
}


/* =========================================================
   BACKGROUND GLOWS
========================================================= */

.wn-story-glow {
   position: absolute;
   border-radius: 50%;
   filter: blur(1px);
   pointer-events: none;
}

.wn-story-glow-left {
   width: 420px;
   height: 420px;
   left: -250px;
   top: 250px;
   background: radial-gradient(
      circle,
      rgba(95, 146, 114, 0.14),
      rgba(95, 146, 114, 0) 70%
   );
}

.wn-story-glow-right {
   width: 520px;
   height: 520px;
   right: -310px;
   bottom: 30px;
   background: radial-gradient(
      circle,
      rgba(3, 61, 43, 0.10),
      rgba(3, 61, 43, 0) 70%
   );
}


/* =========================================================
   HEADING
========================================================= */

.wn-story-kicker {
   display: inline-flex;
   align-items: center;
   gap: 10px;
   padding: 8px 17px;
   margin-bottom: 18px;

   color: #5f9272;
   background: #f1f7f3;
   border: 1px solid rgba(95, 146, 114, 0.25);
   border-radius: 100px;

   font-size: 12px;
   font-weight: 800;
   letter-spacing: 2px;
}

.wn-kicker-dot {
   width: 5px;
   height: 5px;
   border-radius: 50%;
   background: #5f9272;
   box-shadow: 0 0 0 4px rgba(95, 146, 114, 0.12);
}

.wn-story-title {
   max-width: 1020px;
   margin-left: auto;
   margin-right: auto;
   color: #10251d !important;
}

.wn-green-highlight {
   position: relative;
   display: inline-block;
   color: #033d2b;
   z-index: 1;
}

.wn-green-highlight::after {
   content: "";
   position: absolute;
   height: 12px;
   left: 2%;
   right: 2%;
   bottom: 4px;
   border-radius: 30px;
   background: rgba(95, 146, 114, 0.20);
   z-index: -1;
}

.wn-story-subtitle {
   margin-top: 16px;
   color: #718078;
   font-size: 17px;
   font-weight: 500;
}


/* =========================================================
   MAIN SHELL
========================================================= */

.wn-story-shell {
   position: relative;
   max-width: 1120px;
   margin: 55px auto 0;
   padding: 10px;

   border: 1px solid rgba(3, 61, 43, 0.11);
   border-radius: 32px;

   background: rgba(255, 255, 255, 0.68);

   box-shadow:
      0 35px 90px rgba(3, 61, 43, 0.09),
      0 10px 35px rgba(3, 61, 43, 0.04);

   backdrop-filter: blur(10px);
}


/* outer green premium border */
.wn-story-shell::before {
   content: "";
   position: absolute;
   inset: -1px;
   padding: 1px;
   border-radius: 32px;

   background: linear-gradient(
      135deg,
      rgba(3, 61, 43, 0.48),
      rgba(95, 146, 114, 0.08),
      rgba(95, 146, 114, 0.42)
   );

   -webkit-mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
   -webkit-mask-composite: xor;
   mask-composite: exclude;

   pointer-events: none;
}


/* =========================================================
   TOP DECORATIVE LINE
========================================================= */

.wn-story-topbar {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 12px;
   padding: 9px 15px 17px;
}

.wn-story-topbar > span {
   width: 85px;
   height: 1px;
   background: linear-gradient(
      90deg,
      transparent,
      rgba(3, 61, 43, 0.25)
   );
}

.wn-story-topbar > span:last-child {
   transform: rotate(180deg);
}

.wn-story-top-icon {
   width: 28px;
   height: 28px;
   display: flex;
   align-items: center;
   justify-content: center;

   color: #5f9272;
   background: #edf6f0;
   border: 1px solid rgba(95, 146, 114, 0.20);
   border-radius: 50%;

   font-size: 12px;
}


/* =========================================================
   AUTHOR CARD
========================================================= */

.wn-author-card {
   position: relative;
   margin: 0 10px;
   padding: 34px 42px;
   overflow: hidden;

   border-radius: 24px;

   background:
      radial-gradient(circle at 0% 50%, rgba(95, 146, 114, 0.11), transparent 35%),
      linear-gradient(120deg, #ffffff 0%, #fbfdfb 100%);

   border: 1px solid rgba(3, 61, 43, 0.10);

   box-shadow:
      0 15px 45px rgba(3, 61, 43, 0.06);
}

.wn-author-card::after {
   content: "";
   position: absolute;
   right: -80px;
   top: -105px;

   width: 250px;
   height: 250px;

   border: 48px solid rgba(95, 146, 114, 0.055);
   border-radius: 50%;
}


/* LOGO AREA */

.wn-author-logo-wrap {
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   min-height: 190px;
}

.wn-author-logo-ring {
   width: 175px;
   height: 175px;
   padding: 7px;

   border-radius: 50%;

   background:
      linear-gradient(
         145deg,
         #033d2b,
         #8eb39a,
         #033d2b
      );

   box-shadow:
      0 18px 35px rgba(3, 61, 43, 0.15);
}

.wn-author-logo-inner {
   width: 100%;
   height: 100%;

   display: flex;
   align-items: center;
   justify-content: center;

   padding: 24px;

   border: 5px solid #fff;
   border-radius: 50%;
   background: #fff;
}

.wn-author-logo-inner img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain;
}

.wn-author-badge {
   position: absolute;
   left: 50%;
   bottom: 0;
   transform: translateX(-50%);

   display: flex;
   align-items: center;
   gap: 7px;

   white-space: nowrap;

   padding: 8px 13px;

   color: #ffffff;
   background: #033d2b;
   border: 3px solid #ffffff;
   border-radius: 50px;

   font-size: 10px;
   font-weight: 800;
   letter-spacing: 1.2px;

   box-shadow: 0 8px 18px rgba(3, 61, 43, 0.18);
}

.wn-author-badge span {
   width: 6px;
   height: 6px;
   border-radius: 50%;
   background: #98c2a6;
}


/* AUTHOR TEXT */

.wn-author-content {
   position: relative;
   z-index: 2;
   padding-left: 20px;
}

.wn-author-small {
   color: #76827c;
   font-size: 15px;
   font-weight: 600;
}

.wn-hey-row {
   margin: 11px 0 4px;
}

.wn-hey-row img {
   max-width: 100px;
   height: auto;
}

.wn-author-name {
   color: #033d2b;
   font-size: 39px;
   font-weight: 900;
   line-height: 1.1;
   letter-spacing: -1px;
}

.wn-author-line {
   width: 66px;
   height: 4px;
   margin: 17px 0;

   background: linear-gradient(90deg, #033d2b, #8db29a);
   border-radius: 20px;
}

.wn-author-desc {
   max-width: 560px;
   color: #77837d;
   font-size: 14px;
   font-weight: 500;
}


/* =========================================================
   BODY CONTENT
========================================================= */

.wn-story-content-card {
   position: relative;
   margin: 12px 10px 10px;
   padding: 62px 70px 35px;
   overflow: hidden;

   border-radius: 24px;

   background:
      linear-gradient(
         180deg,
         rgba(255, 255, 255, 1),
         rgba(249, 252, 250, 1)
      );

   border: 1px solid rgba(3, 61, 43, 0.09);
}

.wn-story-content-card::before {
   content: "";
   position: absolute;
   left: 0;
   top: 55px;
   bottom: 55px;

   width: 4px;

   background: linear-gradient(
      180deg,
      transparent,
      #5f9272 18%,
      #033d2b 50%,
      #5f9272 82%,
      transparent
   );

   border-radius: 0 10px 10px 0;
}

.wn-story-watermark {
   position: absolute;
   right: -35px;
   top: 120px;

   color: rgba(3, 61, 43, 0.025);
   font-size: 300px;
   font-weight: 900;
   line-height: 1;

   pointer-events: none;
}


/* COPY */

.wn-story-copy {
   position: relative;
   z-index: 2;
   color: #38483f;
}

.wn-story-block {
   position: relative;
   padding-left: 34px;
}

.wn-story-block strong {
   color: #173629;
   font-weight: 800;
}

.wn-story-marker {
   position: absolute;
   left: 0;
   top: 8px;

   width: 12px;
   height: 12px;

   border: 3px solid #ffffff;
   border-radius: 50%;

   background: #5f9272;

   box-shadow:
      0 0 0 1px #5f9272,
      0 0 0 6px rgba(95, 146, 114, 0.10);
}

.wn-text-green {
   color: #033d2b;
   font-weight: 800;
}

.wn-story-block-second {
   margin-top: 48px;
}

.wn-goal-line {
   display: inline-block;

   padding: 4px 9px;

   background: linear-gradient(
      90deg,
      rgba(95, 146, 114, 0.13),
      rgba(95, 146, 114, 0)
   );

   border-left: 3px solid #5f9272;
}


/* =========================================================
   PAYMENT PROOF
========================================================= */

.wn-payment-proof {
   position: relative;

   max-width: 760px;
   margin: 48px auto 15px;
   padding: 36px 35px 22px;

   border-radius: 22px;

   background:
      radial-gradient(circle at 50% 100%, rgba(95, 146, 114, 0.10), transparent 55%),
      linear-gradient(180deg, #ffffff, #f7fbf8);

   border: 1px solid rgba(3, 61, 43, 0.11);

   box-shadow:
      0 20px 50px rgba(3, 61, 43, 0.08);
}

.wn-payment-proof::before {
   content: "";
   position: absolute;
   inset: -1px;
   border-radius: 22px;

   background: linear-gradient(
      135deg,
      rgba(95, 146, 114, 0.45),
      transparent 35%,
      transparent 65%,
      rgba(3, 61, 43, 0.20)
   );

   z-index: -1;
}

.wn-proof-label {
   position: absolute;
   left: 50%;
   top: -16px;
   transform: translateX(-50%);

   display: flex;
   align-items: center;
   gap: 8px;

   padding: 8px 16px;

   color: #ffffff;
   background: #033d2b;
   border-radius: 100px;

   font-size: 10px;
   font-weight: 800;
   letter-spacing: 1.4px;

   box-shadow: 0 8px 18px rgba(3, 61, 43, 0.16);
}

.wn-live-dot {
   width: 7px;
   height: 7px;

   border-radius: 50%;
   background: #8fc4a0;

   box-shadow: 0 0 0 4px rgba(143, 196, 160, 0.16);
}

.wn-proof-image {
   text-align: center;
}

.wn-proof-image img {
   max-width: 100%;
   max-height: 300px;
   object-fit: contain;
}

.wn-proof-bottom {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;

   gap: 12px;
   margin-top: 14px;

   color: #738179;
   font-size: 11px;
   font-weight: 700;
   letter-spacing: 0.5px;
}

.wn-proof-divider {
   width: 4px;
   height: 4px;
   border-radius: 50%;
   background: #8eaa98;
}


/* =========================================================
   FOOTER
========================================================= */

.wn-story-footer {
   display: flex;
   align-items: center;
   gap: 18px;

   margin-top: 55px;
}

.wn-story-footer-line {
   flex: 1;
   height: 1px;

   background: linear-gradient(
      90deg,
      transparent,
      rgba(3, 61, 43, 0.16)
   );
}

.wn-story-footer-line:last-child {
   transform: rotate(180deg);
}

.wn-story-footer-center {
   text-align: center;
}

.wn-story-footer-center span {
   display: block;
   color: #033d2b;
   font-size: 11px;
   font-weight: 900;
   letter-spacing: 2px;
}

.wn-story-footer-center small {
   display: block;
   margin-top: 3px;

   color: #95a099;
   font-size: 9px;
   font-weight: 600;
   letter-spacing: 0.7px;
}


/* =========================================================
   HOVER
========================================================= */

@media (min-width: 992px) {

   .wn-author-card,
   .wn-payment-proof {
      transition:
         transform 0.35s ease,
         box-shadow 0.35s ease,
         border-color 0.35s ease;
   }

   .wn-author-card:hover {
      transform: translateY(-3px);
      border-color: rgba(95, 146, 114, 0.28);

      box-shadow:
         0 22px 55px rgba(3, 61, 43, 0.09);
   }

   .wn-payment-proof:hover {
      transform: translateY(-4px);

      box-shadow:
         0 28px 65px rgba(3, 61, 43, 0.12);
   }
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

   .wn-founder-story {
      padding: 65px 0 75px;
   }

   .wn-story-shell {
      margin-top: 40px;
   }

   .wn-author-card {
      padding: 30px;
   }

   .wn-author-logo-ring {
      width: 155px;
      height: 155px;
   }

   .wn-author-name {
      font-size: 33px;
   }

   .wn-story-content-card {
      padding: 50px 42px 30px;
   }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

   .wn-founder-story {
      padding: 50px 0 60px;
   }

   .wn-story-kicker {
      padding: 7px 12px;
      margin-bottom: 13px;

      font-size: 9px;
      letter-spacing: 1.2px;
   }

   .wn-story-subtitle {
      padding: 0 20px;
      font-size: 14px;
      line-height: 1.5;
   }

   .wn-story-shell {
      margin-top: 30px;
      padding: 6px;
      border-radius: 24px;
   }

   .wn-story-shell::before {
      border-radius: 24px;
   }

   .wn-story-topbar {
      padding-bottom: 12px;
   }


   /* author */

   .wn-author-card {
      margin: 0 4px;
      padding: 30px 20px;
      text-align: center;
      border-radius: 19px;
   }

   .wn-author-logo-wrap {
      min-height: 180px;
   }

   .wn-author-logo-ring {
      width: 145px;
      height: 145px;
   }

   .wn-author-logo-inner {
      padding: 20px;
   }

   .wn-author-content {
      padding-left: 0;
      margin-top: 20px;
      text-align: center;
   }

   .wn-author-small {
      font-size: 13px;
   }

   .wn-hey-row img {
      max-width: 90px;
   }

   .wn-author-name {
      font-size: 30px;
   }

   .wn-author-line {
      margin: 14px auto;
   }

   .wn-author-desc {
      margin: auto;
      font-size: 12px;
      line-height: 1.6;
   }


   /* content */

   .wn-story-content-card {
      margin: 8px 4px 4px;
      padding: 42px 22px 25px;
      border-radius: 19px;
   }

   .wn-story-content-card::before {
      display: none;
   }

   .wn-story-copy {
      font-size: 15px !important;
      line-height: 1.65 !important;
   }

   .wn-story-block {
      padding-left: 24px;
      text-align: left;
   }

   .wn-story-marker {
      width: 10px;
      height: 10px;
      top: 7px;
   }

   .wn-payment-proof {
      margin-top: 42px;
      padding: 30px 12px 18px;
      border-radius: 17px;
   }

   .wn-proof-label {
      font-size: 8px;
      letter-spacing: 1px;
   }

   .wn-proof-image img {
      max-height: 220px;
   }

   .wn-proof-bottom {
      gap: 7px;
      font-size: 8px;
   }

   .wn-story-block-second {
      margin-top: 35px;
   }

   .wn-story-watermark {
      right: -15px;
      top: 180px;
      font-size: 180px;
   }

   .wn-story-footer {
      margin-top: 38px;
      gap: 10px;
   }

   .wn-story-footer-center span {
      font-size: 9px;
      letter-spacing: 1.4px;
   }

   .wn-story-footer-center small {
      font-size: 7px;
   }

}

.wn-audience-row {
   row-gap: 8px;
}

.wn-audience-card {
   position: relative;
   height: 100%;
   padding: 18px 16px 22px;
   border-radius: 24px;
   /* background:
      radial-gradient(circle at 50% 10%, rgba(88, 144, 112, 0.13), transparent 48%),
      linear-gradient(180deg, #ffffff 0%, #f7fbf8 100%);
   border: 1px solid rgba(0, 56, 40, 0.09);
   box-shadow:
      0 12px 35px rgba(0, 56, 40, 0.08),
      inset 0 1px 0 rgba(255,255,255,0.9);
   transition: all 0.3s ease; */
   overflow: hidden;
}

/* .wn-audience-card::before {
   content: "";
   position: absolute;
   top: 0;
   left: 50%;
   transform: translateX(-50%);
   width: 52%;
   height: 3px;
   border-radius: 0 0 20px 20px;
   background: linear-gradient(
      90deg,
      transparent,
      #589070,
      #003828,
      #589070,
      transparent
   );
} */

.wn-audience-card:hover {
   /* transform: translateY(-7px); */
   /* border-color: rgba(88, 144, 112, 0.25);
   box-shadow:
      0 22px 50px rgba(0, 56, 40, 0.14),
      inset 0 1px 0 rgba(255,255,255,0.95); */
}

/* .wn-audience-card img {
   position: relative;
   z-index: 2;
   max-width: 100%;
   transition: transform 0.35s ease;
}

.wn-audience-card:hover img {
   transform: translateY(-4px) scale(1.025);
} */


/* Premium Title Pill */
.wn-audience-pill {
   position: relative;
   z-index: 3;
   width: fit-content;
   max-width: 95%;
   min-width: 180px;

   margin: 18px auto 0;
   padding: 11px 15px;

   display: flex;
   align-items: center;
   justify-content: center;

   text-align: center;
   font-size: 18px;
   font-weight: 800;
   line-height: 1.3;

   color: #ffffff;

   border-radius: 100px;

   background:
      linear-gradient(
         135deg,
         #003828 0%,
         #07523c 48%,
         #589070 100%
      );

   border: 1px solid rgba(255,255,255,0.22);

   box-shadow:
      0 8px 22px rgba(0, 56, 40, 0.20),
      inset 0 1px 0 rgba(255,255,255,0.18);

   overflow: hidden;
}

.wn-audience-pill::before {
   content: "";
   position: absolute;
   top: 0;
   left: 8%;
   width: 55%;
   height: 45%;
   border-radius: 100%;
   background: rgba(255,255,255,0.12);
   filter: blur(8px);
   pointer-events: none;
}

.wn-audience-card:hover .wn-audience-pill {
   background:
      linear-gradient(
         135deg,
         #002d20 0%,
         #004d37 45%,
         #659a7b 100%
      );
}


/* Tablet */
@media (max-width: 991.98px) {

   .wn-audience-pill {
      min-width: 165px;
      font-size: 17px;
      padding: 10px 18px;
   }

}


/* Mobile */
@media (max-width: 575.98px) {

   .wn-audience-card {
      max-width: 340px;
      margin-left: auto;
      margin-right: auto;
      padding: 16px 14px 20px;
   }

   .wn-audience-pill {
      min-width: 160px;
      font-size: 16px;
      padding: 10px 16px;
      margin-top: 15px;
   }

}

/* =========================
   WELLNEST EVERYTHING SECTION
========================= */

.wn-everything-sec {
   position: relative;
   overflow: hidden;
   padding: 90px 0 110px;
background: url(../images/create-section9.png) no-repeat center top;
    background-size: auto;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 71px 0px 78px 0px;
}

.wn-everything-sec::before {
   content: "";
   position: absolute;
   inset: 0;
   pointer-events: none;
   background-image:
      linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
   background-size: 38px 38px;
   opacity: 0.25;
}

.wn-everything-bg-shape {
   position: absolute;
   border-radius: 50%;
   filter: blur(8px);
   pointer-events: none;
}

.wn-everything-bg-shape1 {
   width: 320px;
   height: 320px;
   left: -110px;
   top: 180px;
   background: radial-gradient(circle, rgba(98,151,119,0.18), rgba(98,151,119,0));
}

.wn-everything-bg-shape2 {
   width: 420px;
   height: 420px;
   right: -160px;
   bottom: 100px;
   background: radial-gradient(circle, rgba(98,151,119,0.12), rgba(98,151,119,0));
}

/* =========================
   Heading
========================= */

.wn-everything-mini-title {
   display: inline-block;
   padding: 8px 16px;
   border-radius: 50px;
   border: 1px solid rgba(156, 206, 176, 0.18);
   background: rgba(255,255,255,0.05);
   color: #9ccdb1;
   font-size: 12px;
   font-weight: 800;
   letter-spacing: 2px;
   margin-bottom: 18px;
   text-transform: uppercase;
   backdrop-filter: blur(10px);
}

.wn-everything-highlight {
   color: #98c6a7;
   position: relative;
   display: inline-block;
}

.wn-everything-highlight::after {
   content: "";
   position: absolute;
   left: 0;
   right: 0;
   bottom: 7px;
   height: 10px;
   border-radius: 20px;
   background: rgba(123, 181, 146, 0.18);
   z-index: -1;
}

.wn-everything-subtext {
   max-width: 860px;
   margin: 18px auto 0;
   color: rgba(255,255,255,0.72);
   font-size: 18px;
   line-height: 1.6;
}

/* =========================
   Zig Zag Rows
========================= */

.wn-zigzag-row {
   position: relative;
   margin-top: 55px;
}

.wn-zigzag-row::after {
   content: "";
   position: absolute;
   left: 50%;
   top: 100%;
   transform: translateX(-50%);
   width: 2px;
   height: 44px;
   background: linear-gradient(180deg, rgba(152,198,167,0.45), rgba(152,198,167,0));
}

.wn-zigzag-last::after {
   display: none;
}

/* =========================
   Feature Card
========================= */

.wn-feature-card {
   position: relative;
   overflow: hidden;
   padding: 40px 36px 34px;
   border-radius: 26px;
   background:
      linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.04));
   border: 1px solid rgba(159, 203, 175, 0.16);
   box-shadow:
      0 20px 60px rgba(0, 0, 0, 0.28),
      inset 0 1px 0 rgba(255,255,255,0.06);
   backdrop-filter: blur(12px);
   transition: all 0.35s ease;
}

.wn-feature-card::before {
   content: "";
   position: absolute;
   inset: 0;
   background: linear-gradient(135deg, rgba(152,198,167,0.08), transparent 40%, transparent 60%, rgba(152,198,167,0.05));
   pointer-events: none;
}

.wn-feature-card:hover {
   transform: translateY(-5px);
   border-color: rgba(159, 203, 175, 0.34);
   box-shadow:
      0 30px 70px rgba(0, 0, 0, 0.32),
      0 0 0 1px rgba(152,198,167,0.10) inset;
}

.wn-feature-count {
   position: absolute;
   top: 18px;
   right: 22px;
   font-size: 48px;
   line-height: 1;
   font-weight: 900;
   color: rgba(255,255,255,0.07);
   letter-spacing: -1px;
}

.wn-feature-icon {
   width: 58px;
   height: 58px;
   border-radius: 16px;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #062219;
   font-size: 24px;
   font-weight: 900;
   margin-bottom: 22px;
   background: linear-gradient(135deg, #9bc8a9 0%, #5f9272 100%);
   box-shadow: 0 15px 35px rgba(95,146,114,0.35);
}

.wn-feature-title {
   font-size: 32px;
   line-height: 1.25;
   font-weight: 900;
   color: #ffffff;
   margin-bottom: 16px;
}

.wn-feature-text {
   font-size: 18px;
   line-height: 1.75;
   font-weight: 400;
   color: rgba(255,255,255,0.82);
}

.wn-feature-worth {
   display: inline-flex;
   align-items: center;
   margin-top: 24px;
   padding: 10px 18px;
   border-radius: 50px;
   background: rgba(152,198,167,0.10);
   border: 1px solid rgba(152,198,167,0.20);
   color: #9bc8a9;
   font-size: 15px;
   font-weight: 800;
   letter-spacing: 0.3px;
}

/* =========================
   Media Placeholder
========================= */

.wn-feature-media {
   position: relative;
   min-height: 360px;
   border-radius: 28px;
   overflow: hidden;
   background:
      radial-gradient(circle at 30% 25%, rgba(152,198,167,0.18), transparent 25%),
      radial-gradient(circle at 80% 70%, rgba(95,146,114,0.18), transparent 24%),
      linear-gradient(180deg, #0a251b 0%, #081d16 100%);
   border: 1px solid rgba(159, 203, 175, 0.16);
   box-shadow:
      0 25px 60px rgba(0, 0, 0, 0.28),
      inset 0 1px 0 rgba(255,255,255,0.05);
   display: flex;
   align-items: center;
   justify-content: center;
}

.wn-feature-media::before {
   content: "";
   position: absolute;
   inset: 18px;
   border-radius: 22px;
   border: 1px dashed rgba(152,198,167,0.25);
}

.wn-feature-media::after {
   content: "";
   position: absolute;
   width: 140px;
   height: 140px;
   border-radius: 50%;
   background: radial-gradient(circle, rgba(152,198,167,0.18), rgba(152,198,167,0));
   filter: blur(8px);
}

.wn-media-badge {
   position: relative;
   z-index: 2;
   padding: 14px 22px;
   border-radius: 50px;
   background: rgba(255,255,255,0.08);
   border: 1px solid rgba(159, 203, 175, 0.16);
   color: #cde5d6;
   font-size: 15px;
   font-weight: 700;
   letter-spacing: 0.4px;
   backdrop-filter: blur(10px);
}

/* =========================
   Responsive
========================= */

@media (max-width: 991px) {
   .wn-everything-sec {
      padding: 70px 0 85px;
   }

   .wn-zigzag-row {
      margin-top: 35px;
   }

   .wn-zigzag-row::after {
      display: none;
   }

   .wn-feature-title {
      font-size: 27px;
   }

   .wn-feature-media {
      min-height: 280px;
   }
}

@media (max-width: 767px) {
   .wn-everything-sec {
      padding: 55px 0 65px;
   }

   .wn-everything-mini-title {
      font-size: 10px;
      letter-spacing: 1.6px;
      padding: 7px 13px;
   }

   .wn-everything-subtext {
      font-size: 15px;
      line-height: 1.6;
   }

   .wn-feature-card {
      padding: 28px 22px 24px;
      border-radius: 20px;
   }

   .wn-feature-count {
      font-size: 38px;
      top: 14px;
      right: 16px;
   }

   .wn-feature-icon {
      width: 50px;
      height: 50px;
      font-size: 20px;
      margin-bottom: 18px;
   }

   .wn-feature-title {
      font-size: 24px;
      line-height: 1.3;
   }

   .wn-feature-text {
      font-size: 16px;
      line-height: 1.7;
   }

   .wn-feature-worth {
      font-size: 13px;
      padding: 9px 14px;
      margin-top: 18px;
   }

   .wn-feature-media {
      min-height: 220px;
      border-radius: 22px;
   }

   .wn-feature-media::before {
      inset: 14px;
      border-radius: 16px;
   }
}

.wn-bonus-section {
   position: relative;
   overflow: hidden;
   padding: 90px 0;
   background:
      radial-gradient(circle at 0% 0%, rgba(88, 144, 112, 0.10), transparent 28%),
      radial-gradient(circle at 100% 20%, rgba(0, 56, 40, 0.08), transparent 24%),
      linear-gradient(180deg, #ffffff 0%, #f8fcf9 100%);
   font-size: 18px;
}

.wn-bonus-section::before {
   content: "";
   position: absolute;
   inset: 0;
   background-image:
      linear-gradient(rgba(0, 56, 40, 0.03) 1px, transparent 1px),
      linear-gradient(90deg, rgba(0, 56, 40, 0.03) 1px, transparent 1px);
   background-size: 34px 34px;
   opacity: 0.6;
   pointer-events: none;
}

.wn-bonus-kicker {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 10px;
   padding: 10px 20px;
   border-radius: 100px;
   background: rgba(88, 144, 112, 0.10);
   border: 1px solid rgba(0, 56, 40, 0.10);
   color: #0a5b43;
   font-size: 15px;
   font-weight: 800;
   letter-spacing: 0.8px;
   text-transform: uppercase;
   margin-bottom: 18px;
}

.wn-bonus-heading {
   margin: 0;
   color: #062f24;
   font-size: 40px;
   line-height: 1.2;
   font-weight: 900;
   letter-spacing: -0.5px;
}

.wn-bonus-heading span {
   background: linear-gradient(90deg, #003828 0%, #589070 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
}

.wn-bonus-intro {
   max-width: 940px;
   margin: 28px auto 0;
   text-align: start;
}

.wn-bonus-intro p {
   margin: 0 0 14px;
   color: #33443d;
   font-size: 18px;
   line-height: 1.8;
   font-weight: 400;
}

.wn-bonus-intro p:last-child {
   margin-bottom: 0;
}

.wn-bonus-row {
   position: relative;
   margin-top: 60px;
   padding: 34px;
   border-radius: 32px;
   background: rgba(255, 255, 255, 0.70);
   border: 1px solid rgba(0, 56, 40, 0.08);
   box-shadow:
      0 20px 55px rgba(0, 56, 40, 0.08),
      inset 0 1px 0 rgba(255,255,255,0.95);
   backdrop-filter: blur(10px);
   -webkit-backdrop-filter: blur(10px);
}

.wn-bonus-row::before {
   content: "";
   position: absolute;
   top: 0;
   left: 34px;
   width: 140px;
   height: 4px;
   border-radius: 10px;
   background: linear-gradient(90deg, #003828 0%, #589070 100%);
}

.wn-bonus-content-card {
   padding: 10px 10px 10px 0;
}

.wn-bonus-badge {
   display: inline-block;
   margin-bottom: 16px;
   padding: 9px 16px;
   border-radius: 100px;
   background: linear-gradient(135deg, #003828 0%, #0a5b43 55%, #589070 100%);
   color: #ffffff;
   font-size: 14px;
   font-weight: 800;
   line-height: 1;
   letter-spacing: 0.6px;
   text-transform: uppercase;
   box-shadow: 0 10px 24px rgba(0, 56, 40, 0.16);
}

.wn-bonus-title {
   margin: 0 0 18px;
   color: #062f24;
   font-size: 32px;
   line-height: 1.25;
   font-weight: 900;
   letter-spacing: -0.3px;
}

.wn-bonus-text {
   margin: 0;
   color: #42534c;
   font-size: 18px;
   line-height: 1.85;
   font-weight: 400;
}

.wn-bonus-text em {
   font-style: italic;
   color: #0a5b43;
   font-weight: 700;
}

.wn-bonus-image-card {
   position: relative;
   min-height: 320px;
   padding: 18px;
   border-radius: 26px;
   background:
      radial-gradient(circle at 20% 20%, rgba(88, 144, 112, 0.14), transparent 30%),
      linear-gradient(180deg, #ffffff 0%, #f4faf6 100%);
   border: 1px solid rgba(0, 56, 40, 0.10);
   box-shadow:
      0 14px 36px rgba(0, 56, 40, 0.08),
      inset 0 1px 0 rgba(255,255,255,0.95);
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: hidden;
}

.wn-bonus-image-card::before {
   content: "";
   position: absolute;
   inset: 14px;
   border-radius: 20px;
   border: 1px dashed rgba(88, 144, 112, 0.25);
   pointer-events: none;
}

.wn-bonus-image-card img {
   position: relative;
   z-index: 2;
   max-width: 100%;
   border-radius: 18px;
   display: block;
}

.wn-bonus-footer-box {
   margin-top: 60px;
   padding: 34px 28px;
   border-radius: 28px;
   background: linear-gradient(180deg, #ffffff 0%, #f3faf5 100%);
   border: 1px solid rgba(0, 56, 40, 0.08);
   box-shadow:
      0 18px 46px rgba(0, 56, 40, 0.07),
      inset 0 1px 0 rgba(255,255,255,0.95);
}

.wn-bonus-footer-box p {
   margin: 0 0 14px;
   color: #42534c;
   font-size: 18px;
   line-height: 1.8;
   font-weight: 500;
}

.wn-bonus-footer-box p:last-child {
   margin-bottom: 0;
}

.wn-bonus-footer-box em {
   color: #0a5b43;
   font-style: italic;
   font-weight: 700;
}

/* Large tablet */
@media (max-width: 1199.98px) {
   .wn-bonus-heading {
      font-size: 36px;
   }

   .wn-bonus-title {
      font-size: 28px;
   }
}

/* Tablet */
@media (max-width: 991.98px) {
   .wn-bonus-section {
      padding: 70px 0;
   }

   .wn-bonus-row {
      margin-top: 38px;
      padding: 26px;
   }

   .wn-bonus-image-card {
      min-height: 260px;
      margin-top: 20px;
   }
}

/* Mobile */
@media (max-width: 767.98px) {
   .wn-bonus-heading {
      font-size: 28px;
   }

   .wn-bonus-title {
      font-size: 24px;
   }

   .wn-bonus-intro p,
   .wn-bonus-text,
   .wn-bonus-footer-box p {
      font-size: 17px;
      line-height: 1.75;
   }

   .wn-bonus-row {
      border-radius: 24px;
      padding: 22px 18px;
   }

   .wn-bonus-row::before {
      left: 18px;
      width: 110px;
   }

   .wn-bonus-image-card {
      min-height: 220px;
      border-radius: 20px;
      padding: 14px;
   }

   .wn-bonus-footer-box {
      margin-top: 38px;
      padding: 24px 18px;
      border-radius: 22px;
   }
}

/* Small mobile */
@media (max-width: 575.98px) {
   .wn-bonus-section {
      padding: 55px 0;
   }

   .wn-bonus-kicker {
      font-size: 13px;
      padding: 9px 14px;
   }

   .wn-bonus-heading {
      font-size: 24px;
   }

   .wn-bonus-title {
      font-size: 22px;
   }

   .wn-bonus-intro p,
   .wn-bonus-text,
   .wn-bonus-footer-box p {
      font-size: 16px;
   }
}