body {
  background-color: #0a0a0a;
}

.div_lines {
  border-left: 2px solid rgba(255, 255, 255, 0.07);
  border-right: 2px solid rgba(255, 255, 255, 0.07);
}

.div_line_center {
  position: fixed;
  left: 50%;
  top: 0px;
  transform: translate(-50%, 0%);
  height: 100vh;
  border-left: 2px solid rgba(255, 255, 255, 0.07);
  z-index: 1;
}

.fonBackground {
  position: relative;
  overflow: hidden;
}

.fonBackground .superShadow {
  position: relative;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.75) 2.1%,
    rgba(0, 0, 0, 0.43) 29.57%
  );
}

.fonBackground .iframeBackground {
  border-radius: 0px;
  object-fit: cover;
  height: 100vh;
}

.fonBackground .container {
  height: 100%;
  display: flex;
  align-items: center;
}

.fonBackground .container .row {
  width: 100%;
}

.fonBackground .container .row h1 {
  font-family: "NeueHaasDisplay75";
  font-weight: 700;
  letter-spacing: -0.06em;
}

.btn-scroll-down {
  border: 1px solid #ccc;
  border-radius: 9px;
  padding: 10px;
  padding-left: 25px;
  padding-right: 25px;
  font-family: "SFPro Display SemiBold";
  font-weight: 400;
  letter-spacing: -0.03em;
  color: #ccc;
  text-decoration: none;
  font-size: 18px;
}

/* */
.nav-restail {
  transition: 0.5s;
}

.nav-restail.bg-black {
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: saturate(180%) blur(24px);
  background-color: rgba(29, 29, 31, 0.72);
}

.nav-restail .link-navbar {
  font-family: "OnestBold";
  font-weight: 700;
  font-size: 17px;
  color: #f2f2f2;
}

.nav-restail .btn-nav-1 {
  border: 0.5px solid #59f4bc;
  border-radius: 8px;
  font-weight: 400;
  font-size: 20px;
  color: #59f4bc;
}

.nav-restail .btn-nav-2 {
  background: #59f4bc;
  box-shadow: 11px 1px 24px rgba(89, 244, 188, 0.2);
  border-radius: 8px;
  font-weight: 400;
  font-size: 20px;
  color: #060e12;
}

.section_1 {
  padding-top: 20vh;
}

.section_1 .title-text {
  background: linear-gradient(270deg, #59f4bc 50%, #fff 109.62%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-family: "SFPro Display SemiBold";
  font-style: normal;
  font-weight: 600;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: -0.04em;
}

.section_1 .subtitle-text {
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: -0.04em;
  color: #9f9f9f;
}

.section_1 .text-text {
  font-family: "SFPro Display SemiBold";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  text-transform: lowercase;
  color: rgba(159, 159, 159, 0.67);
}

.section_2 .scroll_down {
  font-family: "SFPro Display SemiBold";
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 140%;
  background: linear-gradient(
    90.9deg,
    #fff -11.17%,
    rgba(255, 255, 255, 0) 112.87%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.section_2 .row_video {
  border-radius: 14px;
  background: #000;
  border: 1px solid #59f4bc;
}

.section_2 .div_video {
  margin: -1px;
}

.section_2 .video_sec2 {
  border-radius: 12px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.section_2 .div_with_video_sec2 {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: column;
}

.section_2 .text_video_sec2 {
  font-family: "SFPro Display SemiBold";
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  color: #dbdbdb;
}

.section_2 .text_video_sec2 .subtext_video_sec2 {
  font-family: "SFPro Display Regular";
  font-weight: 500;
  font-size: 16px;
}

.general_title {
  font-family: "SFPro Display SemiBold";
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  color: #dbdbdb;
  letter-spacing: -0.04em;
  opacity: 0;
  transition: 1s;
  transform: translateX(-30%);
}

.general_title_anim {
  animation: slideUp 1.2s forwards;
  opacity: 1 !important;
}

@keyframes slideUp {
  0% {
    transform: translateX(-30%);
  }

  100% {
    transform: translateX(0%);
  }
}

.section_3 .card_light {
  background: #d9d9d9;
  border-radius: 29px;
  color: #000;
  padding: 20px;
  height: 100%;
  line-height: 21px;
  overflow: hidden;
}

.section_3 .card_dark {
  background: #1b1b1b;
  border: 1px solid #000;
  border-radius: 29px;
  color: #d9d9d9;
  padding: 20px;
  height: 100%;
  line-height: 21px;
  overflow: hidden;
}

.section_3 .card_dark > * {
  color: #d9d9d9;
}

.section_3 .img_sec3 {
  width: 100%;
  border-radius: 100%;
}

.section_3 .text_author_sec3 {
  font-family: "SFPro Display SemiBold";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: -0.03em;
  margin-bottom: 2px;
}

.section_3 .text_country_sec3 {
  font-family: "SFPro Display Regular";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.03em;
}

.section_3 .text_gmail_sec3 {
  font-family: "SFPro Display Regular";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  letter-spacing: -0.03em;
}

.section_4 .cards {
  background: #000;
  border: 1px solid #59f4bc;
  border-radius: 20px;
  padding: 30px;
  height: 100%;
  font-family: "SFPro Display Regular";
  font-weight: 400;
  font-size: 18px;
  line-height: 20px;
  text-transform: lowercase;
  color: #dbdbdb;
}

.section_4 .cards_title {
  font-family: "SFPro Display SemiBold";
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  text-transform: lowercase;
  color: #59f4bc;
}

.section_5 .card_sec5 {
  background: #000;
  border-radius: 20px;
  padding: 30px;
}

.section_5 .title-text {
  font-family: "SFPro Display SemiBold";
  font-style: normal;
  font-weight: 600;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: -0.04em;
  background: linear-gradient(270deg, #59f4bc 50%, #fff 109.62%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.section_5 .subtitle-text {
  font-family: "SFPro Display SemiBold";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: -0.04em;
  color: #dbdbdb;
}

.container {
  position: relative;
  z-index: 3;
}

.circle_1 {
  width: 550px;
  max-width: 100%;
  height: 285px;
  background-color: #6559f4;
  position: absolute;
  z-index: 1;
  -webkit-backdrop-filter: blur(270px);
  filter: blur(270px);
  border-radius: 100%;
  will-change: transform;
}

.circle_2 {
  width: 405px;
  height: 350px;
  max-width: 80%;
  left: 20%;
  background-color: #a1f9ff0a;
  position: absolute;
  z-index: 0;
  -webkit-backdrop-filter: blur(40px);
  filter: blur(40px);
  border-radius: 100%;
  will-change: transform;
}

.circle_3 {
  width: 550px;
  height: 350px;
  max-width: 100%;
  top: -50px;
  right: 0px;
  background-color: #0ac0d9;
  position: absolute;
  z-index: 1;
  -webkit-backdrop-filter: blur(270px);
  filter: blur(270px);
  border-radius: 100%;
  will-change: transform;
}

.circle_4 {
  width: 858px;
  height: 710px;
  max-width: 100%;
  top: -200px;
  left: -30%;
  background-color: rgba(46, 66, 243, 0.725);
  position: absolute;
  z-index: 0;
  -webkit-backdrop-filter: blur(400px);
  filter: blur(400px);
  border-radius: 100%;
  will-change: transform;
}

.circle_5 {
  width: 447px;
  height: 372px;
  max-width: 100%;
  top: 400px;
  left: -10%;
  background-color: rgba(206, 91, 223, 0.412);
  position: absolute;
  z-index: 0;
  -webkit-backdrop-filter: blur(128px);
  filter: blur(128px);
  border-radius: 100%;
  will-change: transform;
}

.circle_6 {
  width: 450px;
  height: 600px;
  max-width: 100%;
  top: 400px;
  left: -7%;
  background-color: #0fb3bc;
  position: absolute;
  z-index: 0;
  -webkit-filter: blur(158px);
  filter: blur(158px);
  border-radius: 100%;
  will-change: transform;
}

.circle_7 {
  width: 500px;
  height: 590px;
  max-width: 100%;
  top: 400px;
  right: 0px;
  background-color: rgba(46, 65, 243, 0.73);
  position: absolute;
  z-index: 0;
  -webkit-filter: blur(200px);
  filter: blur(200px);
  border-radius: 100%;
  will-change: transform;
}

.circle_8 {
  width: 1111px;
  height: 920px;
  max-width: 100%;
  top: 100px;
  left: -10%;
  background: rgba(0, 243, 255, 0.37);
  position: absolute;
  z-index: 0;
  -webkit-backdrop-filter: blur(200px);
  filter: blur(200px);
  border-radius: 100%;
  will-change: transform;
}

.circle_left_green {
  width: 550px;
  height: 350px;
  max-width: 100%;
  top: 20%;
  left: -20%;
  background-color: #0ac0d9;
  position: absolute;
  z-index: 0;
  -webkit-backdrop-filter: blur(270px);
  filter: blur(200px);
  border-radius: 100%;
  will-change: transform;
}

.circle_right_bottom_green {
  width: 550px;
  height: 350px;
  max-width: 100%;
  top: -150px;
  right: -20%;
  background-color: #0ac0d9;
  position: absolute;
  z-index: 0;
  -webkit-backdrop-filter: blur(270px);
  filter: blur(270px);
  border-radius: 100%;
  will-change: transform;
}

.scroll-container {
  height: 450px;
  background: black;
}

.apple-container {
  height: 450px;
}

.speak[data-scroll] {
  transform: translatey(calc(var(--viewport-y) * 30vh));
  opacity: calc(var(--visible-y));
}

.scroll-sequence__content {
  padding: 4em;
}

.scroll-sequence {
  position: sticky;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -5;
  height: 450px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.btn_sec5 {
  position: relative;
  font-family: "SFPro Display SemiBold";
  margin-top: 30px;
  padding: 16px 45px;
  border: 1px solid #dbdbdb;
  border-radius: 24px;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.05em;
  transition: all 1s ease-in;
  overflow: hidden;
}

.btn_linear_grad {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 0%;
  height: 100%;
  z-index: 0;
  transition: 0.3s;
}
.btn_linear_grad_yellow {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 0%;
  height: 100%;
  z-index: 0;
  transition: 0.3s;
}

.btn_sec5 > .btn_text,
.btn_sec9 > .btn_text {
  background: linear-gradient(270deg, #59f4bc 50%, #fff 109.62%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  z-index: 3;
  position: relative;
}

.btn_sec5:hover .btn_linear_grad,
.btn_sec9:hover .btn_linear_grad {
  background: linear-gradient(270deg, #59f4bc 50%, #fff 109.62%);
  width: 100%;
}
.btn_sec5:hover .btn_linear_grad_yellow,
.btn_sec9:hover .btn_linear_grad_yellow {
  background: linear-gradient(270deg, #ffc14b 50%, #fff 109.62%);
  width: 100%;
}

.btn_sec5:hover .btn_text,
.btn_sec9:hover .btn_text {
  -webkit-text-fill-color: #1b1b1b !important;
}

.section_6 .card_sec6 {
  background: #000;
  border-radius: 20px;
  padding: 30px;
}

.section_6 .title-text {
  font-style: normal;
  font-weight: 600;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: -0.045em;
  color: #f9f9f9;
}

.section_6 .subtitle-text {
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 151.34%;
  letter-spacing: -0.045em;
  color: #b6b6b6;
}

.section_6 .subtitle1-text {
  background: linear-gradient(270deg, #59f4bc 50%, #fff 109.62%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 17px;
  line-height: 151.34%;
  letter-spacing: -0.045em;
}

.section_6 img {
  border-radius: 0px;
}

.section_7 .card_green {
  background: #d9d9d9;
  border-radius: 29px;
  color: #000;
  padding: 20px;
  height: 100%;
  line-height: 21px;
}

.section_7 .card_dark {
  padding: 35px 18px 26px;
  background: #000;
  border: 1px solid #dbdbdb;
  border-radius: 20px;
  height: 100%;
}

.section_7 .card_green {
  background: #000;
  border: 1px solid #59f4bc;
  border-radius: 20px;
  padding: 0px;
  overflow: hidden;
}

.section_7 .card_green img {
  height: 100%;
  object-fit: cover;
}

.section_7 .card_dark > * {
  color: #d9d9d9;
}

.section_7 .img_sec3 {
  width: 100%;
  border-radius: 100%;
}

.section_7 .cards_title_sec7 {
  font-family: "SFPro Display SemiBold";
  font-weight: 700;
  font-size: 17px;
  line-height: 152.34%;
  color: #dbdbdb;
}

.section_7 .cards_subtitle_sec7 {
  font-weight: 500;
  font-size: 16px;
  line-height: 152.34%;
  color: #dbdbdb;
}

.section_8 .container_sec8 {
  background: #000;
  border-radius: 20px;
  padding: 60px;
  overflow: hidden;
}

.section_8 .cards_sec8 {
  position: relative;
  height: 100%;
}

.section_8 .lines_sec8 {
  width: 1px;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  background: linear-gradient(270deg, #59f4bc 50%, #fff 109.62%);
}

.section_8 .cards_number_sec8 {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  text-transform: lowercase;
  color: #59f4bc;
}

.section_8 .cards_title_sec8 {
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 17px;
  line-height: 152.34%;
  color: #dbdbdb;
}

.section_8 .cards_subtitle_sec8 {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 152.34%;
  color: rgba(219, 219, 219, 0.5);
}

.section_8 .cards_title_2_sec8 {
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 30px;
  line-height: 36px;
  background: linear-gradient(270deg, #59f4bc 50%, #fff 109.62%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.section_8 .cards_title_3_sec8 {
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 20px;
  line-height: 155.34%;
  letter-spacing: -0.05em;
  color: #dbdbdb;
}

.section_8 .cards_subtitle_2_sec8 {
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 17px;
  line-height: 152.34%;
  color: rgba(219, 219, 219, 0.38);
}

#offcanvastittatmachine {
  background-color: #000;
}

.list_drawer {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
}

.list_drawer > a {
  margin-top: 40px;
  color: #fff;
  text-decoration: none;
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 2rem;
  line-height: 24px;
}

.text_drawer {
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  color: #8e8882;
  margin-top: 10vh;
}

.btn_drawer_1 {
  background: #51e0ad;
  border: 1px solid #51e0ad;
  box-shadow: 0px 4px 21px rgba(228, 185, 72, 0.23);
  border-radius: 20px;
  padding: 14px 34px;
  font-family: "SFPro Display Regular";
  font-weight: 500;
  font-size: 14px;
  line-height: 103.34%;
  color: #1b1b1b;
}

.btn_drawer_2 {
  border: 1px solid #51e0ad;
  filter: drop-shadow(0px 4px 21px rgba(228, 185, 72, 0.23));
  border-radius: 20px;
  font-family: "SFPro Display Regular";
  font-weight: 500;
  font-size: 14px;
  line-height: 103.34%;
  color: #f4f4f4;
  padding: 14px 16px;
}

.section_9 {
  position: relative;
  overflow: hidden;
  margin-bottom: 15vh;
}

.container_sec9 {
  padding-top: 104px;
  padding-bottom: 104px;
  z-index: 3;
}

.section_9 .title-text {
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: -0.045em;
  background: linear-gradient(270deg, #59f4bc 50%, #fff 109.62%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.section_9 .subtitle-text {
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.05em;
  color: #dbdbdb;
}

.section_9 .img_sec9 {
  width: 100vw;
  left: 0px;
  z-index: 1;
  height: 100%;
  object-position: top;
  object-fit: cover;
  position: absolute;
}

.section_9 .btn_sec9 {
  position: relative;
  overflow: hidden;
  font-family: "SFPro Display SemiBold";
  margin-top: 30px;
  padding: 16px 45px;
  border: 1px solid #dbdbdb;
  border-radius: 24px;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.05em;
  background: linear-gradient(270deg, #59f4bc 50%, #fff 109.62%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.general_title2 {
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: -0.05em;
  background: linear-gradient(270deg, #59f4bc 50%, #fff 109.62%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.section_10 .cards_community {
  border: 1px solid #dbdbdb;
  border-radius: 20px;
}

.section_10 .img_sec10 {
  width: 100%;
  border-radius: 20px;
  border: 2px solid #dbdbdb;
}

.section_10 .text_title {
  padding: 17px;
  font-family: "SFPro Display Regular";
  font-weight: 400;
  font-size: 15px;
  line-height: 152.34%;
  color: rgba(219, 219, 219, 0.5);
}

.section_10 .text_author {
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.05em;
  color: #51e0ad;
}

.section_10 .btn_sec10 {
  background: linear-gradient(270deg, #59f4bc 50%, #fff 109.62%);
  border-radius: 100%;
  aspect-ratio: 1;
  position: absolute;
  right: 27px;
  bottom: 13px;
}
.section_4_lotion .btn_sec10 {
  background: linear-gradient(270deg, #59f4bc 50%, #fff 109.62%);
  border-radius: 100%;
  aspect-ratio: 1;
  position: absolute;
  right: 27px;
  bottom: 13px;
}
.section_4_lotion .btn_accountability {
  background: linear-gradient(90deg, #b6b6b6 50%, #ffc14b 109.62%);
  border-radius: 100%;
  aspect-ratio: 1;
  position: absolute;
  right: 27px;
  bottom: 13px;
}

.section_11 .title {
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 50px;
  line-height: 60px;
  background: linear-gradient(270deg, #59f4bc 50%, #fff 109.62%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.title_accountability {
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 50px;
  line-height: 60px;
  background: linear-gradient(90deg, #b6b6b6 2.3%, #ffc14b 111.84%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.section_11 .subtitle {
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.05em;
  color: #dbdbdb;
}

.section_12_col {
  background: #000;
  border-radius: 20px;
  margin-top: 140px;
}

.section_12 .title_sec12 {
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: -0.045em;
  background: linear-gradient(270deg, #59f4bc 50%, #fff 109.62%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  padding-bottom: 30px;
  border-bottom: 1px solid #59f4bc;
}

.section_12 .subtitle_sec12 {
  font-weight: 500;
  font-size: 30px;
  line-height: 141.84%;
  text-align: center;
  letter-spacing: -0.05em;
  color: #dbdbdb;
}

.section_12 .text_sec12 {
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 17px;
  line-height: 152.34%;
  text-align: center;
  color: #747474;
}

.section_12 .price_sec12 {
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 150px;
  line-height: 179px;
  letter-spacing: -0.045em;
  background: linear-gradient(270deg, #59f4bc 50%, #fff 109.62%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.section_12 .subtitle_sec13 {
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 20px;
  line-height: 141.84%;
  text-align: center;
  letter-spacing: -0.05em;
  color: #dbdbdb;
}

.section_12 .price_sec13 {
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 150px;
  line-height: 179px;
  letter-spacing: -0.045em;
  background: linear-gradient(270deg, #59f4bc 50%, #fff 109.62%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  padding-bottom: 50px;
  border-bottom: 1px solid #59f4bc;
}

.section_12 .price_sec13_2 {
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 110px;
  line-height: 179px;
  letter-spacing: -0.045em;
  background: linear-gradient(270deg, #59f4bc 50%, #fff 109.62%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  padding-bottom: 50px;
  border-bottom: 1px solid #59f4bc;
}

.ul_sec13 {
  padding-left: 10px;
}

.ul_sec14 {
  padding-left: 10px;
}

.ul_sec14 > li {
  text-align: start;
  list-style: none;
  color: #fff;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
}

.ul_sec14 > .ul_item_sec14 {
  text-align: start;
  list-style: none;
  color: #fff;
}

.ul_sec14 .block_videos {
  border: 1px solid #dbdbdb;
  border-radius: 10px;
  padding: 12px;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  background: #0a0a0a;
  color: #fff;
  display: flex;
  align-items: center;
}

.ul_sec14 .block_videos svg {
  transform: rotate(0deg);
  transition: 0.3s;
}

.ul_sec14 .block_videos[aria-expanded="true"] svg {
  transform: rotate(90deg);
}

.ul_sec14 .ul_item_sec14 {
  border: 1px solid #dbdbdb;
  border-radius: 10px;
  background: #0a0a0a;
  color: #dbdbdb;
}

.ul_sec14 .accordion-button::after {
  display: none;
}

.ul_sec13 > li {
  text-align: start;
  list-style: none;
  color: #fff;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
}

.limited_div {
  border: 1px solid #51e0ad;
  border-radius: 20px;
  width: max-content;
}

.limited_div_title {
  font-weight: 500;
  font-size: 30px;
  line-height: 141.84%;
  text-align: center;
  letter-spacing: -0.05em;
  color: #7b7b7b;
}

.limited_div_time {
  font-weight: 500;
  font-size: 30px;
  line-height: 141.84%;
  text-align: center;
  color: #dbdbdb;
}

.sec12_img {
  width: 95%;
  margin-top: -150px;
}

#MENTORSHIP h3,
#PERSONALINFORAMTION h3,
#CHANGEPASSWORD h3 {
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 25px;
  line-height: 151.34%;
  color: #000;
}

#MENTORSHIP .cards_suggestion {
  background: #e6e6e6;
  border: 1px solid #000;
  border-radius: 12px;
  padding: 17px 20px;
}

.cards_suggestion h4 {
  font-family: "SFPro Display SemiBold";
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: -0.04em;
  color: #1b1b1b;
}

.cards_suggestion p {
  font-family: "SFPro Display Regular";
  font-weight: 400;
  font-size: 15px;
  line-height: 151.34%;
  color: #707070;
}

#MENTORSHIP .cards_suggestion a,
.cards_classes a {
  font-family: "SFPro Display SemiBold";
  background: #1b1b1b;
  border-radius: 10px;
  padding: 6px 23px;
  font-weight: 600;
  font-size: 15px;
  line-height: 151.34%;
  text-align: center;
  color: #fff;
}

#MENTORSHIP a:hover {
  color: #b3b3b3;
}

#MENTORSHIP .cards_classes {
  background: #e6e6e6;
  border-radius: 12px;
  padding: 0px;
}

.cards_classes.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.3;
}

.cards_classes img {
  width: 100%;
  border-radius: 10px;
}

.cards_classes .content_card_classes {
  padding: 13px;
}

.cards_classes .time_card_classes {
  display: flex;
  justify-content: end;
  align-items: center;
}

.cards_classes .lessons_text {
  font-family: "SFPro Display Regular";
  font-weight: 400;
  font-size: 15px;
  line-height: 151.34%;
  color: #929292;
}

.cards_classes .title_lesson {
  font-family: "SFPro Display SemiBold";
  font-weight: 700;
  font-size: 20px;
  line-height: 151.34%;
  letter-spacing: -0.04em;
  color: #1b1b1b;
  margin-bottom: 0px;
}

.cards_classes .author_lesson {
  font-family: "SFPro Display Regular";
  font-weight: 400;
  font-size: 15px;
  line-height: 151.34%;
  letter-spacing: -0.04em;
  color: #383838;
}

#PERSONALINFORAMTION .card_pers_info,
#CHANGEPASSWORD .card_change_pass {
  background: #e6e6e6;
  box-shadow: 14px 20px 25px 2px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
  padding: 20px 30px;
}

.card_pers_info p,
.card_change_pass p {
  font-family: "SFPro Display Regular";
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #1b1b1b;
}

.card_pers_info h6,
.card_change_pass h6 {
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #1b1b1b;
}

.card_pers_info button,
.card_change_pass button {
  background: #1b1b1b;
  border-radius: 5px;
  padding: 5px 15px;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  font-family: "SFPro Display Regular";
  color: #dbdbdb;
}

.card_pers_info button:hover,
.card_change_pass button:hover {
  color: #808080;
}

#MYORDERS .card_my_orders {
  background: #e6e6e6;
  box-shadow: 14px 20px 25px 2px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
}

.number_order {
  text-align: center;
  border-right: 1px solid rgba(27, 27, 27, 0.26);
  padding: 29px;
}

.number_order h6 {
  font-family: "SFPro Display SemiBold";
  font-weight: 500;
  font-size: 20px;
  line-height: 151.34%;
  color: #000;
}

.status_order {
  padding-top: 25px;
  padding-bottom: 25px;
  text-align: center;
}

.status_order h6 {
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 25px;
  line-height: 151.34%;
  color: #0fb4bc;
}

.date_order {
  padding-top: 25px;
  padding-bottom: 25px;
  text-align: center;
  align-self: center;
}

.date_order h6 {
  font-family: "SFPro Display SemiBold";
  font-weight: 500;
  font-size: 20px;
  line-height: 151.34%;
  color: #000;
}

.payment_order {
  padding-top: 25px;
  padding-bottom: 25px;
  text-align: center;
  align-self: center;
}

.payment_order h6 {
  font-family: "SFPro Display SemiBold";
  font-weight: 700;
  font-size: 20px;
  line-height: 151.34%;
  color: #000;
}

.price_order {
  padding-top: 25px;
  padding-bottom: 25px;
  text-align: center;
  align-self: center;
}

.price_order h6 {
  font-family: "SFPro Display SemiBold";
  font-weight: 500;
  font-size: 20px;
  line-height: 151.34%;
  color: #000;
}

.button_order {
  align-self: center;
  text-align: center;
}

.button_order a,
.button_order button {
  background: #1b1b1b;
  border: 1px solid #dbdbdb;
  border-radius: 10px;
  padding: 10px 22px;
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 20px;
  line-height: 151.34%;
  text-align: center;
  color: #fff;
}

.profile .modal .card_change_pass {
  background: #e6e6e6;
  box-shadow: 14px 20px 25px 2px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
  padding: 20px 30px;
}

.profile .modal .modal-content {
  background: #dbdbdb;
  border-radius: 21px;
  padding: 21px 80px;
}

.profile .modal .modal-title {
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 25px;
  line-height: 30px;
  color: #1b1b1b;
}

.profile .modal .input-group {
  font-family: "SFPro Display Regular";
  background: #d9d9d9;
  border: 1px solid #1b1b1b;
  border-radius: 5px;
  font-weight: 400;
  font-size: 17px;
  line-height: 20px;
  color: #000;
}

.profile .modal .form-control {
  padding: 6px;
}

.profile .modal .form-control,
.profile .modal .input-group-text {
  background: #d9d9d9;
  font-family: "SFPro Display Regular";
  font-weight: 400;
  font-size: 17px;
  line-height: 20px;
  color: #000;
}

.profile .modal .form-control::placeholder {
  font-family: "SFPro Display Regular";
  font-weight: 400;
  font-size: 17px;
  line-height: 20px;
  color: #000;
}

.btn_save_pass {
  width: 100%;
  font-family: "SFPro Display SemiBold";
  background: #1b1b1b;
  border: 1px solid #1b1b1b;
  border-radius: 10px;
  font-weight: 600;
  font-size: 15px;
  line-height: 151.34%;
  text-align: center;
  color: #dbdbdb;
}

.btn_save_pass:hover {
  color: #959595;
}

.card_classes_avilable {
  background: #e6e6e6;
  border: 2px solid #000;
  box-shadow: 14px 20px 25px 2px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
}

.card_classes_avilable h4 {
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 35px;
  line-height: 114.84%;
  letter-spacing: -0.02em;
  color: #000;
}

.card_classes_avilable p {
  font-family: "SFPro Display Regular";
  font-weight: 600;
  font-size: 20px;
  line-height: 114.84%;
  letter-spacing: -0.03em;
  color: #1b1b1b;
}

.div_navigation a {
  font-weight: 600;
  font-size: 17px;
  line-height: 151.34%;
  letter-spacing: -0.03em;
  color: #000;
  text-decoration: none;
}

.div_navigation a:first-child {
  opacity: 0.4;
}

.cards_videos {
  background: #dbdbdb;
  border-radius: 10px;
  box-shadow: 14px 20px 25px 2px rgba(0, 0, 0, 0.12);
  transition: 0.3s;
  height: 100%;
}

.cards_videos:hover {
  transform: scale(1.02);
}

.cards_videos .content_card_videos {
  padding: 10px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.cards_videos .number_video {
  font-family: "SFPro Display Regular";
  font-weight: 400;
  font-size: 13px;
  line-height: 151.34%;
  color: #929292;
}

.cards_videos .title_video {
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 15px;
  line-height: 151.34%;
  color: #1b1b1b;
}

.cards_videos a {
  width: 100%;
  font-family: "SFPro Display SemiBold";
  background: #51e0ad;
  border: 1px solid #dbdbdb;
  border-radius: 5px;
  font-weight: 600;
  font-size: 12px;
  line-height: 151.34%;
  text-align: center;
  color: #fff;
  margin-top: auto;
}

.block_video {
  background: #e6e6e6;
  border: 2px solid #1b1b1b;
  box-shadow: 14px 20px 25px 2px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
  overflow: hidden;
}

.block_video_content {
  padding: 25px;
}

.block_video_content .title_player {
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 20px;
  line-height: 125.34%;
  letter-spacing: -0.03em;
  color: #000;
}

.block_video_content .author_player {
  font-family: "SFPro Display Regular";
  font-weight: 400;
  font-size: 17px;
  line-height: 114.84%;
  letter-spacing: -0.03em;
  color: #1b1b1b;
  opacity: 0.75;
}

.block_video_content .author_player span {
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 17px;
  line-height: 114.84%;
  letter-spacing: -0.03em;
  color: #51e0ad;
}

.block_video_content .description_player {
  font-family: "SFPro Display Regular";
  font-weight: 500;
  font-size: 17px;
  line-height: 128.84%;
  letter-spacing: -0.03em;
  color: #1b1b1b;
}

.success-page .title_success_1 {
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: -0.05em;
  color: #9f9f9f;
}

.success-page .title_success_2 {
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: -0.045em;
  background: linear-gradient(270deg, #59f4bc 50%, #ffffff 109.62%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.success-page .text_success_3 {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  text-transform: lowercase;
  color: rgba(159, 159, 159, 0.67);
}

.success-page .success_video {
  background: #000000;
  border: 2px solid #4cd5a4;
  border-radius: 20px;
  height: 60vh;
}

.success-page .success_subvideo {
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 30px;
  line-height: 52px;
  text-align: center;
  letter-spacing: -0.05em;
  color: #dbdbdb;
}

.success-page .grad_color_subvideo {
  background: linear-gradient(270deg, #ffc14b -20%, #4c4c4c 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.success-page .success_card_1 {
  background: rgba(0, 0, 0, 0.64);
  border-radius: 20px;
}

.success-page .title_success_card1 {
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 50px;
  line-height: 60px;
  text-align: center;
  letter-spacing: -0.045em;
  background: linear-gradient(270deg, #59f4bc 50%, #ffffff 109.62%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.success-page .title_success_card2 {
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 30px;
  line-height: 39px;
  text-align: center;
  letter-spacing: -0.05em;
  color: #dbdbdb;
}

.success-page {
  overflow: hidden;
}

.success_botton_title {
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 50px;
  line-height: 60px;
  background: linear-gradient(270deg, #59f4bc 50%, #ffffff 109.62%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.success_botton_text {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.03em;
  color: rgba(219, 219, 219, 0.53);
}

.terms_and_cond {
  color: #cccccc;
  font-family: "SFPro Display Regular";
}

#button_buy.disabled {
  pointer-events: none;
  opacity: 0.4;
}

.circle_online {
  width: 12px;
  height: 12px;
  background-color: #4cd5a4;
  position: absolute;
  top: 0px;
  border-radius: 15px;
}

@media screen and (max-width: 1024px) {
  .success-page .success_subvideo {
    zoom: 0.75;
  }

  .sec12_img {
    margin-top: -100px;
  }

  .section_12_col {
    margin-top: 100px;
  }
}

@media screen and (min-width: 576px) {
  img.iframeBackground {
    display: none;
  }
}

@media screen and (max-width: 576px) {
  .success_botton_text {
    zoom: 0.8;
  }

  .success_botton_title {
    zoom: 0.7;
  }

  .title_success_card1,
  .title_success_card2 {
    zoom: 0.6;
  }

  .profile .container {
    padding-top: 0px;
  }

  .success_video {
    height: 35vh !important;
  }

  .title_success_1,
  .title_success_2 {
    zoom: 0.8;
  }

  .link-navbar {
    font-size: 14px !important;
  }

  iframe.iframeBackground {
    display: none;
  }

  .section_1 .title-text,
  .section_1 .subtitle-text,
  .section_1 .text-text {
    zoom: 0.6;
  }

  .section_2 .text_video_sec2,
  .section_2 .text_video_sec2 .subtext_video_sec2 {
    zoom: 0.55;
  }

  .section_2 .scroll_down,
  .section_2 .svg_scroll {
    zoom: 0.8;
  }

  .section_5 .title-text {
    zoom: 0.55;
  }

  .section_5 .subtitle-text {
    zoom: 0.75;
  }

  .section_6 .title-text {
    zoom: 0.75;
  }

  .section_8 .container_sec8 {
    padding: 20px !important;
  }

  .general_title {
    zoom: 0.8;
  }

  .section_1 {
    padding-top: 10vh;
  }

  .section_9 .title-text,
  .section_9 .subtitle-text {
    zoom: 0.65;
  }

  .container_sec9 {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .section_11 .title {
    padding-bottom: 14px;
    border-bottom: 1px solid #59f4bc;
    zoom: 0.7;
  }

  .section_11 .subtitle {
    zoom: 0.75;
  }

  .section_12 .sec12_img {
    margin-top: -70px;
  }

  .section_12 .section_12_col {
    margin-top: 70px;
  }

  .section_12 .title_sec12,
  .section_12 .subtitle_sec12,
  .section_12 .text_sec12,
  .section_12 .price_sec12,
  .section_12 .limited_div,
  .svg_banks {
    zoom: 0.7;
  }
}

#lotion_page .ul_sec14 .block_videos {
  opacity: 0;
}
#accountability_page {
  overflow: hidden;
}
#accountability_page .ul_sec14 .block_videos {
  opacity: 0;
}
.section_2_lotion .card_sec6 {
  background: #000;
  border-radius: 20px;
  padding: 30px;
}

.section_2_lotion .title-text {
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: -0.045em;
  color: #f9f9f9;
}

.section_2_lotion .subtitle-text {
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 151.34%;
  letter-spacing: -0.045em;
  color: #b6b6b6;
}

.section_2_lotion .btn_sec5 {
  width: 100%;
  opacity: 0;
}

.section_2_lotion .subtitle1-text {
  background: linear-gradient(270deg, #59f4bc 50%, #fff 109.62%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 17px;
  line-height: 151.34%;
  letter-spacing: -0.045em;
}

.section_2_lotion img {
  border-radius: 0px;
}

.section_3_lotion .cards {
  background: #000;
  border-radius: 20px;
  padding: 34px;
  padding-right: 45px;
  padding-bottom: 45px;
  height: 100%;
  font-family: "SFPro Display Regular";
  font-weight: 400;
  font-size: 18px;
  line-height: 20px;
  text-transform: lowercase;
  color: #dbdbdb;
}

.section_3_lotion .cards_title {
  font-family: "SFPro Display SemiBold";
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  text-transform: lowercase;
  color: #59f4bc;
}

.section_4_lotion .card_light {
  background: #d9d9d9;
  border-radius: 29px;
  color: #000;
  padding: 20px;
  line-height: 21px;
  position: relative;
  z-index: 2;
}

.section_4_lotion .card_dark {
  background: #1b1b1b;
  border: 1px solid #000;
  border-radius: 29px;
  color: #d9d9d9;
  padding: 20px;
  line-height: 21px;
  position: relative;
  z-index: 2;
}

.section_4_lotion .cards_with_video {
  flex-flow: wrap;
  display: flex;
  height: 100%;
}
.section_4_lotion .img_block {
  border: 2px solid #dbdbdb;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  overflow: hidden;
  margin-top: -50px;
  z-index: 1;
  width: 100%;
}
.section_4_lotion .img_block:hover {
  cursor: pointer;
  filter: brightness(1.1);
}
.section_4_lotion .img_block .img_sec10 {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.section_4_lotion .card_dark > * {
  color: #d9d9d9;
}

.section_4_lotion .img_sec3 {
  width: 100%;
  border-radius: 100%;
}

.section_4_lotion .text_author_sec3 {
  font-family: "SFPro Display SemiBold";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: -0.03em;
  margin-bottom: 2px;
}

.section_4_lotion .text_country_sec3 {
  font-family: "SFPro Display Regular";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.03em;
}

.section_4_lotion .text_gmail_sec3 {
  font-family: "SFPro Display Regular";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  letter-spacing: -0.03em;
}

.section_5_lotion .title-text {
  font-family: "SFPro Display SemiBold";
  font-style: normal;
  font-weight: 600;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: -0.04em;
  background: linear-gradient(270deg, #59f4bc 50%, #fff 109.62%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.section_5_lotion .subtitle-text {
  font-family: "SFPro Display SemiBold";
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  letter-spacing: -0.04em;
  color: #dbdbdb;
}

.section_5_lotion .btn_sec5 {
  border: 1px solid #4cd4a4;
  border-radius: 24px;
  padding: 9px 60px;
  margin-top: 10px;
  opacity: 0;
}

.section_5_lotion .btn_sec5 .btn_text {
  font-family: "SFPro Display SemiBold";
  font-size: 17px;
  font-weight: 600;
  background: #dbdbdb;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.section_6_lotion .card_product {
  border-radius: 20px;
  background: #000;
  overflow: hidden;
}

.section_6_lotion .card_product .title-text {
  font-family: "SFPro Display SemiBold";
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 60px;
  letter-spacing: -0.04em;
  background: linear-gradient(270deg, #59f4bc 50%, #fff 109.62%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.section_6_lotion .card_product .subtitle-text {
  font-family: "SFPro Display Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.02em;
  color: #dbdbdb;
}

.section_6_lotion .card_product .subtitle2-text {
  font-family: "SFPro Display SemiBold";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.02em;
  color: #747474;
}

.section_6_lotion .card_product .price-text {
  font-family: "SFPro Display SemiBold";
  font-style: normal;
  font-weight: 600;
  font-size: 70px;
  letter-spacing: -0.04em;
  background: linear-gradient(270deg, #59f4bc 50%, #fff 109.62%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.choose_bundle_text {
  color: #4cd4a4;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  font-family: "SFPro Display SemiBold";
}
.choose_bundle_list {
  padding-left: 0px;
  list-style: none;
  background: #1b1b1b;
}
.choose_bundle_list > li > a {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 19px;
  padding-top: 19px;
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  color: #dbdbdb;
  font-size: 17px;
  font-weight: 600;
  border: 1px solid rgba(255, 255, 255, 0.06);
  transition: .3s;
  font-family: "SFPro Display SemiBold";
}
.choose_bundle_list > li > a:hover {
  background: #3a3a3a;
}

.section_6_lotion .card_product .btn_sec6 {
  border-radius: 24px;
  border: 1px solid #4cd4a4;
  background: #4cd4a4;
  color: #1b1b1b;
  font-family: "SFPro Display SemiBold";
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  padding: 6px 40px;
  transition: 0.3s;
}

.section_6_lotion .card_product .btn_sec6:hover {
  transform: scale(1.1);
  color: #131212;
}

.section_6_lotion .card_product hr {
  border: 1px solid #59f4bc;
}

.section_1_lotion {
  padding-top: 8vh;
}

.section_1_lotion .title-text {
  background: linear-gradient(270deg, #59f4bc 50%, #fff 109.62%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-family: "SFPro Display SemiBold";
  font-style: normal;
  font-weight: 600;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: -0.04em;
  opacity: 0;
}

.text_anim_left {
  animation: slideToRight 1.2s forwards;
  opacity: 1 !important;
}

@keyframes slideToRight {
  0% {
    transform: translateX(-30%);
  }

  100% {
    transform: translateX(0%);
  }
}

.text_fadeIn {
  animation: fadeIn 1.2s forwards;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.text_fadeUp {
  animation: fadeUp 1.2s forwards;
}

@keyframes fadeUp {
  0% {
    transform: translateY(50%);
    opacity: 0;
  }

  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}

.section_1_lotion .subtitle-text {
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: -0.04em;
  color: #dbdbdb;
  opacity: 0;
}

.section_1_lotion .text-text {
  font-family: "SFPro Display Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  text-transform: lowercase;
  color: rgba(159, 159, 159, 0.67);
  opacity: 0;
}

.section_1_lotion .lotion-buttons-actions {
  opacity: 0;
}

.section_1_lotion .btn_sec6 {
  border-radius: 24px;
  border: 1px solid #4cd4a4;
  background: #4cd4a4;
  color: #1b1b1b;
  font-family: "SFPro Display SemiBold";
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  padding: 6px 40px;
  transition: 0.3s;
}

.section_1_lotion .btn_sec6:hover {
  transform: scale(1.1);
  color: #131212;
}

.section_1_lotion .btn_learn_more {
  color: #dbdbdb;
  font-family: "SFPro Display SemiBold";
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  text-decoration: underline;
}

.section_1_accountability .btn_sec6 {
  border-radius: 24px;
  border: 1px solid #b6b6b6;
  background: linear-gradient(90deg, #b6b6b6 2.3%, #ffc14b 111.84%);
  color: #1b1b1b;
  font-family: "SFPro Display SemiBold";
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  padding: 6px 30px;
  transition: 0.3s;
}

.section_1_accountability .btn_sec6:hover {
  transform: scale(1.1);
  color: #131212;
}

.section_1_accountability {
  padding-top: 8vh;
}

.section_1_accountability .title-text {
  background: linear-gradient(90deg, #b6b6b6 2.3%, #ffc14b 111.84%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-family: "SFPro Display SemiBold";
  font-style: normal;
  font-weight: 600;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: -0.04em;
  opacity: 0;
}
.section_1_accountability .subtitle-text {
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: -0.04em;
  color: #dbdbdb;
  opacity: 0;
}

.section_1_accountability .text-text {
  font-family: "SFPro Display Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  text-transform: lowercase;
  color: rgba(159, 159, 159, 0.67);
  opacity: 0;
}

.section_1_accountability .lotion-buttons-actions {
  opacity: 0;
}

.section_1_accountability .btn_learn_more {
  color: #dbdbdb;
  font-family: "SFPro Display SemiBold";
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  text-decoration: underline;
}

.section_2_accountability .card_sec6 {
  background: #000;
  border-radius: 20px;
  padding: 30px;
}

.section_2_accountability .title-text {
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: -0.045em;
  color: #f9f9f9;
}

.section_2_accountability .subtitle-text {
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 151.34%;
  letter-spacing: -0.045em;
  color: #b6b6b6;
}

.section_2_accountability .btn_sec5 {
  width: 100%;
  opacity: 0;
}
.section_2_accountability .btn_sec5 .btn_text {
  background: #dbdbdb;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.section_2_accountability .subtitle1-text {
  background: linear-gradient(90deg, #b6b6b6 2.3%, #ffc14b 111.84%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-family: "SFPro Display SemiBold";
  font-weight: 600;
  font-size: 17px;
  line-height: 151.34%;
  letter-spacing: -0.045em;
}

.section_2_accountability img {
  border-radius: 0px;
}

.section_3_accountability .cards {
  background: #000;
  border-radius: 20px;
  padding: 34px;
  padding-right: 45px;
  padding-bottom: 45px;
  height: 100%;
  font-family: "SFPro Display Regular";
  font-weight: 400;
  font-size: 18px;
  line-height: 20px;
  text-transform: lowercase;
  color: #dbdbdb;
}

.section_3_accountability .cards_title {
  font-family: "SFPro Display SemiBold";
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  text-transform: lowercase;
  background: linear-gradient(90deg, #b6b6b6 2.3%, #ffc14b 111.84%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.section_3_accountability_circle {
  width: 850px;
  height: 800px;
  max-width: 80%;
  top: -200px;
  right: -50%;
  background-color: rgba(243, 188, 48, 0.73);
  position: absolute;
  z-index: 0;
  -webkit-backdrop-filter: blur(400px);
  filter: blur(400px);
  border-radius: 100%;
  will-change: transform;
}
.circle_accountability_6_1 {
  width: 850px;
  height: 800px;
  max-width: 80%;
  top: 0px;
  left: -75%;
  background-color: rgba(243, 188, 48, 0.73);
  position: absolute;
  z-index: 0;
  -webkit-backdrop-filter: blur(200px);
  filter: blur(200px);
  border-radius: 100%;
  will-change: transform;
}
.circle_accountability_6_2 {
  width: 500px;
  height: 600px;
  max-width: 80%;
  top: 500px;
  right: -50%;
  background-color: rgba(243, 188, 48, 0.73);
  position: absolute;
  z-index: 0;
  -webkit-backdrop-filter: blur(200px);
  filter: blur(200px);
  border-radius: 100%;
  will-change: transform;
}
.section_5_accountability .title-text {
  font-family: "SFPro Display SemiBold";
  font-style: normal;
  font-weight: 600;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: -0.04em;
  background: linear-gradient(90deg, #b6b6b6 2.3%, #ffc14b 111.84%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.section_5_accountability .subtitle-text {
  font-family: "SFPro Display SemiBold";
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  letter-spacing: -0.04em;
  color: #dbdbdb;
}

.section_5_accountability .btn_sec5 {
  border: 1px solid #dbdbdb;
  border-radius: 24px;
  padding: 9px 60px;
  margin-top: 10px;
  opacity: 0;
}

.section_5_accountability .btn_sec5 .btn_text {
  font-family: "SFPro Display SemiBold";
  font-size: 17px;
  font-weight: 600;
  background: #dbdbdb;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.section_6_accountability .card_product {
  border-radius: 20px;
  background: #000;
  overflow: hidden;
}

.section_6_accountability .card_product .title-text {
  font-family: "SFPro Display SemiBold";
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  letter-spacing: -0.04em;
  background: linear-gradient(90deg, #b6b6b6 2.3%, #ffc14b 111.84%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.section_6_accountability .card_product .subtitle-text {
  font-family: "SFPro Display Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.02em;
  color: #dbdbdb;
}

.section_6_accountability .card_product .subtitle2-text {
  font-family: "SFPro Display SemiBold";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.02em;
  color: #747474;
}

.section_6_accountability .card_product .price-text {
  font-family: "SFPro Display SemiBold";
  font-style: normal;
  font-weight: 600;
  font-size: 75px;
  letter-spacing: -0.05em;
  background: linear-gradient(90deg, #b6b6b6 2.3%, #ffc14b 111.84%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.section_6_accountability .card_product .btn_sec6 {
  border-radius: 24px;
  border: 1px solid #dbdbdb;
  background: #dbdbdb;
  color: #1b1b1b;
  font-family: "SFPro Display SemiBold";
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  padding: 6px 40px;
  transition: 0.3s;
}

.section_6_accountability .card_product .btn_sec6:hover {
  transform: scale(1.1);
  color: #131212;
}

.section_6_accountability .card_product hr {
  border: 1px solid #59f4bc;
}
@media screen and (max-width: 576px) {
  .section_2_lotion .title-text {
    zoom: 0.75;
  }
  .section_2_accountability .title-text {
    zoom: 0.75;
  }

  .section_5_lotion .title-text,
  .section_5_accountability .title-text {
    zoom: 0.55;
  }

  .section_5_lotion .subtitle-text,
  .section_5_accountability .subtitle-text,
  .section_6_lotion .card_product .price-text,
  .section_6_accountability .card_product .price-text {
    zoom: 0.75;
  }

  .section_1_lotion .title-text,
  .section_1_lotion .subtitle-text,
  .section_1_lotion .text-text {
    zoom: 0.85;
  }
  .section_1_accountability .title-text,
  .section_1_accountability .subtitle-text,
  .section_1_accountability .text-text {
    zoom: 0.85;
  }
  .section_1_accountability .btn_sec6 {
    padding: 6px 25px;
  }
}

@media screen and (max-width: 970px) and (min-width: 576px) {
  .section_6_lotion .card_product,
  .section_6_accountability .card_product {
    zoom: 0.85;
  }
  .section_6_lotion .card_product .price-text,
  .section_6_accountability .card_product {
    zoom: 0.75;
  }
  .section_4_lotion .reviews_text {
    zoom: 0.85;
    line-height: 1.4rem;
  }
  .section_2_lotion .title-text {
    zoom: 0.85;
  }
  .section_2_lotion .subtitle-text {
    zoom: 0.85;
  }
  .section_2_accountability .title-text {
    zoom: 0.85;
  }
  .section_2_accountability .subtitle-text {
    zoom: 0.85;
  }

  .section_3_lotion .cards {
    padding: 22px;
  }
  .section_3_lotion .cards_title {
    zoom: 0.75;
  }
  .section_3_accountability .cards {
    padding: 22px;
  }
  .section_3_accountability .cards_title {
    zoom: 0.75;
  }
  .section_1_lotion .title-text,
  .section_1_lotion .subtitle-text,
  .section_1_lotion .text-text {
    zoom: 0.85;
  }
  .section_1_accountability .title-text,
  .section_1_accountability .subtitle-text,
  .section_1_accountability .text-text {
    zoom: 0.85;
  }
}