:root {
  --themeBlack: rgba(10, 10, 10, 1);
  --themeWhite: rgba(255, 255, 255, 1);
  --gradient: linear-gradient(
    #b7b2ff 7%,
    #895bf6 36%,
    #0f1a97 69%,
    #0a0a0a 95%
  );
  --longevityLP_btn_gradient: linear-gradient(135deg, #895bf6 0%, #f9783e 100%);
  --adobeFont: adobe-garamond-pro, serif;
  --themeBlue: #0F1A97;
  --themeBlueLight: #895BF6;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Satoshi", sans-serif;
  background-color: var(--themeBlack);
  color: var(--themeWhite);
}

#serviceBody{
  background: rgba(19, 19, 19, 1);
}

h1,
h2 {
  font-family: adobe-garamond-pro, serif;
  font-weight: 400;
  letter-spacing: -2%;
  text-transform: capitalize;
}

h1 {
  font-size: 72px;
  line-height: 100%;
}

h2 {
  font-size: 48px;
  line-height: 110%;
}


p {
  font-size: 18px;
  line-height: 150%;
  letter-spacing: 1%;
  font-weight: 400;
}

img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

section {
  position: relative;
}

.spacer {
  height: 100px;
  width: 100%;
}

.pageButton {
  font-size: 14px;
  font-weight: 500;
  line-height: 32px;
  text-transform: uppercase;
  letter-spacing: 8%;

  padding: 5px 20px;
  border: none;
  cursor: pointer;
  text-decoration: none;
  display: block;
  text-align: center;
  color: var(--themeWhite);
}

.services_button{
  background: var(--themeBlue);
  position: relative;
  padding: 5px 28px;
  box-shadow: inset .2px .2px 3px var(--themeWhite);
}

.glowBtn{
  background-color: transparent;
  padding: 1px;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.neonBlock{
  position: absolute;
  z-index: 0;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  width: 99999px;
  height: 99999px;

  background-image: conic-gradient(rgba(0,0,0,0), var(--themeWhite), rgba(0,0,0,0) 100%);
  background-repeat: no-repeat;
  background-position: 0 0;
  opacity: 0;
  transition: 0.5s ease all;
}

.glowBtn:hover .neonBlock{
  opacity: 1;
  animation: glow 3s linear infinite;
}

@keyframes glow{
  100%{
    transform: translate(-50%, -50%) rotate(1turn);
  }
}

.longevity_pageButton {
  background: var(--longevityLP_btn_gradient);
  color: var(--themeWhite);
  background-size: 150% 100%;

  moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.longevity_pageButton:hover {
  background-position: 100% 0;
  moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.container {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 40px;
}

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

.section_head.section_head_center {
  align-items: center;
  justify-content: center;
  text-align: center;

  margin: 0 auto;
}

.section_head .section_para {
  color: rgba(176, 176, 176, 1);
}

.gradient_text{
  background: var(--longevityLP_btn_gradient);
  -webkit-background-clip: text;
            background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hero_content_wrap_top h1{
  font-size: 52px;
}

.reveal-up {
  opacity: 0;
  transform: translateY(50px);
  will-change: transform, opacity;
}

@media screen and (max-width: 991px){
  h1 {
    font-size: 48px;
  }

  h2 {
    font-size: 32px;
    line-height: 110%;
  }
  .container{
    padding: 0 20px;
    overflow: hidden;
  }
}
@media screen and (max-width: 480px){
  h1 {
    font-size: 40px;
  }
  p {
    font-size: 16px;
  }
}






/* --------- HEADER STYLE START ---------- */
header {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 1;
}

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

  height: 70px;
}

.navLogo {
  max-width: 140px;
}
/* --------- HEADER STYLE END ---------- */

/* ------------- HERO SECTION STYLE START ------------- */

.hero_gradient_bg {
  width: 100%;
  height: 90%;

  position: absolute;
  left: 0;
  top: 0;

  background: var(--gradient);
  z-index: -1;
}

.hero_section_in {
  width: 100%;
  height: 100vh;

  position: relative;
  padding: 40px 0;
}

.hero_content_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;

  height: 100%;
}

.hero_title{
  text-align: center;
}

.hero_content_wrap_bot {
  justify-content: end;
}

.hero_subTitle {
  max-width: 500px;
  text-align: center;
}

.hero_cntnt_points p {
  font-size: 14px;
}

.hero_section_img {
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: -1;
  transform: translateX(-50%);

  width: 65%;
}

.hero_fade_bar {
  position: absolute;
  left: 0;
  bottom: -50px;

  width: 100%;
  height: 100px;
  background: var(--themeBlack);
  filter: blur(10px);
  z-index: -1;
}

/* ----------- Hero Section Style End ---------- */





/* ==============================================
------------------ LONGEVITY LP -----------------
================================================= */

/* ----- Section 2nd Style ----- */

.early_action_in {
  padding: 50px 0 200px 0;
}

.early_action_cntnt_wrap .section_head {
  max-width: 686px;
  text-align: center;
  margin: 0 auto;
  align-items: center;
}

.early_action_cntnt_wrap .section_head .section_para {
  max-width: 600px;
}

.early_action_miniCntnt {
  text-align: center;
  letter-spacing: 8%;
  text-transform: uppercase;

  margin-top: 150px;
}

.early_action_Img {
  position: absolute;
  left: 0;
  bottom: 70px;
  width: 100%;
  height: auto;
  z-index: -1;
}

/* ----- Section 3rd Style ----- */

.how_body_works {
  border: 0.7px solid rgba(72, 58, 136, 1);
  border-left: none;
  border-right: none;
}

.body_works_in {
  position: relative;
}

.body_works_imgWrap {
  position: absolute;
  left: -100px;
  top: 0;

  border: 0.7px solid #483a88;
  border-radius: 50%;

  height: 100%;
  aspect-ratio: 1 / 1;

  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.body_work_imgLine {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);

  width: 0.7px;
  height: 100%;
  background-color: #483a88;
  z-index: -1;
}

.body_work_gradient {
  position: absolute;
  left: 50%;
  top: 54%;
  transform: translate(-50%, -50%);

  width: 65%;
  height: 65%;
  border-radius: 50%;
  background: var(--gradient);
  filter: blur(40px);
  z-index: -1;

  aspect-ratio: 1 / 1;
}

.body_work_img {
  width: 60%;
  height: auto;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  transform: rotateY(180deg);
}

.body_work_mainCntnt {
  width: 55%;
  padding: 60px 0;
  margin-left: auto;

  display: flex;
  flex-direction: column;
  gap: 300px;
}

.body_work_mainCntnt .section_head,
.body_works_miniCntnt {
  max-width: 550px;
}

.body_works_miniCntnt {
  display: flex;
  justify-content: end;
}

.body_works_miniCntnt p {
  color: rgba(176, 176, 176, 1);
  max-width: 140px;
}

.section_CTA {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;

  margin-top: 60px;
}

/* ================================================= */
/* ------------ HEALTH SYSTEM TABS STYLE ----------- */

.health_systems .fade_bar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  height: 200px;

  background: linear-gradient(#ffffff00 0%, var(--themeBlack) 100%);
  z-index: -1;
}

.health_system_in {
  display: flex;
  flex-direction: column;
  gap: 60px;

  padding: 80px 0;
  position: relative;

  z-index: 2;
}

.health_system_in .section_head {
  max-width: 750px;
  margin: 0 auto;
}

.health_system_in .section_head .section_para {
  max-width: 580px;
}

.tabs-slider-root {
  display: flex;
  gap: 130px;
  min-height: 400px;
  overflow: hidden;
}

.tabs-panel {
  width: fit-content;
  flex-shrink: 0;
  padding: 8px 0 8px 50px;
  display: flex;
  flex-direction: column;
}

.tab-item {
  padding: 18px 0px;
  cursor: pointer;
  border-bottom: 0.7px solid rgba(104, 104, 104, 1);
  position: relative;
}

.tab-logomark {
  position: absolute;
  left: -50px;
  top: 32px;
  width: 35px;
  height: 35px;
  background-image: url(../Images/logoMark.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
  transform: translateY(-50%) scale(0.85);
  transition: opacity 0.35s ease, transform 0.35s ease;
}

/* Active tab pe show hoga */

.tab-item.active .tab-logomark {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}

/* Inactive — thoda slide left se aayega */
.tab-item:not(.active) .tab-logomark {
  opacity: 0;
  transform: translateY(-50%) translateX(-8px) scale(0.92);
}

.tab-item h3 {
  margin: 0 0 4px;
  font-size: 20px;
  font-weight: 400;
}

.tab-item p {
  font-size: 16px;
  color: rgba(176, 176, 176, 1);
}

.slider-panel {
  flex: 1;
  min-width: 0;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 100px;
}

.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}

.splide__slide {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
  position: relative;
  gap: 20px;
}

.slider_image {
  width: 100%;
  height: 100%;
  max-height: 400px;
  object-fit: cover;
}

.slide-label {
  font-family: var(--adobeFont);
}

.splide__arrows {
  display: flex;
  justify-content: center;
  gap: 2px;
  margin-top: 20px;
  z-index: 1;
}

.tab-content .splide__arrows{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.splide__arrow {
  position: static;
  transform: none;
  width: 40px;
  height: 40px;

  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;

  background: rgba(0, 0, 0, 0.2);
  border: none;
}

.splide__arrow:disabled{
  pointer-events: none;
  opacity: 0.5;
}

.splide__arrow img {
  width: 40%;
  height: auto;
}

.gradient_bg {
  position: absolute;
  left: 0;
  bottom: 0;

  width: 100%;
  z-index: -1;
}

.tab_gradient_bgWrap{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;

  height: 100%;
}

.tab_gradient_bg{
  position: absolute;
  left: 50%;
  /* right: 0; */
  bottom: 0;
  transform: translateX(-50%);
    
  width: 300%;
  height: 100%;

    background: radial-gradient(
        ellipse at center,
        #010110 0%,
        #14062E 31%,
        #0F1A97 40%,
        #8B5EF6 50%,
        #010110 75%
    );

    /* filter: blur(50px); */
    /* opacity: 0.1; */
    pointer-events: none;
    /* z-index: -1; */
}

.bg_linear_gradient{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 90%;

  background: linear-gradient(#0A0A0A 50%, #0a0a0a00 100%);
  z-index: 1;
}

/* =========================================== */
/* -------------- STEPS SECTION -------------- */

.steps_section_in {
  padding: 80px 0;
  display: flex;
  flex-direction: column;
  gap: 100px;
}

.steps_section_in .section_head .section_para {
  max-width: 500px;
}

.steps_cntnt_wrap {
  display: flex;
  justify-content: space-between;
}

.steps_card_item {
  display: flex;
  flex-direction: column;
  gap: 150px;
  padding-left: 20px;
  border-left: 0.7px solid rgba(150, 150, 150, 1);
}

.process-card {
  opacity: 0;
  transform: translateY(60px);
  will-change: transform, opacity;
}


.step_cntnt_title {
  font-size: 24px;
  font-weight: 500;
  color: rgba(249, 120, 62, 1);
}

.step_cntnt_desc {
  font-size: 16px;
}

/* =============================================== */
/* ------------- OUTCOMES WHEEL SECTION ---------- */

.outcomes_mobile_section{
  display: none;
}

.outComes_wheel_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
}

.shift-wrapper {
  width: 100%;
  max-width: 500px;
  aspect-ratio: 1;
  position: relative;
}

.milestone-dot {
  fill: #fff;
  transition: fill 0.3s ease;
}

.milestone-dot.completed {
  fill: url(#dotGradient);
}

#orbitPathGradient {
  stroke: url(#dotGradient);
}

.shift-wrapper .point {
  position: absolute;
  opacity: 0;
  transform: translateY(20px);
  max-width: 200px;
  min-width: 150px;
  text-align: center;
}

.shift-wrapper .point-1 {
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
}

.shift-wrapper .point-2 {
  left: 95%;
  top: 48%;
}

.shift-wrapper .point-3 {
  top: 94%;
  left: 50%;
  transform: translateX(-50%);
}

.shift-wrapper .point-4 {
  top: 48%;
  right: 95%;
}

.wheel_image_wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);

  width: 70%;
  height: 70%;

  border-radius: 50%;
  background: url(../Images/outcome_wheel_img.png) center no-repeat;
  background-position: center;

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

.wheel_image_wrap .logoMark_area {
  width: 70%;
  height: 70%;
  border-radius: 50%;
  background-color: var(--themeBlack);

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

.logoMark_img {
  width: 80px;
  height: auto;
}

/* ==================================== */
/* ------- Approach Slider Style ------ */

.approach_section .section_head {
  max-width: 500px;
}

.approach_slider_wrap {
  margin-top: 60px;
}

.approachCard_title {
  font-size: 20px;
  font-weight: 500;
}

.approachCard_description {
  color: rgba(176, 176, 176, 1);
}

.approach_slider_wrap .splide__slide .slider_image {
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
}

.approach_slider_wrap .splide__slide .slider_image img {
  transition: 0.3s ease-out all;
}

.approach_slider_wrap .splide__slide .slider_image:hover > img {
  transform: scale(1.05);
}

.approach_slider_wrap .splide__arrows {
  margin-top: 40px;
}

.approach_slider_wrap .splide__arrows .splide__arrow {
  background-color: rgba(255, 255, 255, 0.2);
}

.approach_gradient {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

/* =========================================== */
/* -------- Difference Section Style --------- */

.difference_section_in {
  padding: 100px 0 0 0;
  position: relative;
}

.difference_section_in .section_head .section_para {
  max-width: 470px;
  color: var(--themeWhite);
}

.difference_img {
  max-width: 50%;
  /* margin: 0 auto; */

  position: absolute;
  left: 50%;
  top: -50px;
  transform: translateX(-50%);
}

.venn-section {
  width: 100%;
  padding: 80px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 60px;
}

#venn-root {
  width: 100%;
  max-width: 849px;
  margin: 0 auto;
  position: relative;
}

#venn-root svg {
  width: 100%;
  height: auto;
  display: block;
  overflow: visible;
}

.venn-labels {
  position: absolute;
  inset: 0;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.5%;
}
.venn-label {
  width: 25%;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);

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

.venn-label-left{
  left: 10%;
}
.venn-label-right{
  right: 10%;
}

.logomrk_label{
  /* border: 1px solid red; */
  margin: 0 auto;
  max-width: 60px;
}

.difference_section_in .highlightText {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
  text-transform: uppercase;
  /* margin-top: 80px; */
}

.difference_section_in .highlightText p {
  font-weight: 500;
  letter-spacing: 8%;
}




/* ===================================== */
/* ------ PLAN SECTION STYLE ----------- */


.plan_section_in{
  padding-bottom: 60px;
}

.plan_cards_container{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  max-width: calc(360px * 3 + 60px);
  margin: 0 auto;
  margin-top: 40px;
}

.plan_card{
  padding: 25px 20px;
  display: flex;
  flex-direction: column;
  gap: 30px;

  background: linear-gradient(200deg,
    #b7b2ff 7%,
    #895bf6 26%,
    #0f1a97 69%,
    #0a0a0a 95%
  );
  background-size: 100% 150%;
  background-position: bottom;
  border: 0.7px solid rgba(48, 48, 48, 1);

  transition: 0.4s ease-in-out all;
  position: relative;
}


.plan_card:hover{
  background-position: center;
  border: 0.7px solid #fff;
}

.plan_topInfo .plan_category{
  font-size: 16px;
  letter-spacing: -1%;
  text-transform: uppercase;
}

.plan_price_info {
  margin-top: 20px;
}

.plan_price_info .plan_price{
  font-size: 36px;
  letter-spacing: -1%;
  font-weight: 500;
}

.plan_price_info .plan_price_description{
  font: 400 16px var(--adobeFont);
}

.plan_btn{
  width: 100%;
}
.plan_btn .pageButton{
  width: 100%;
  background: var(--themeBlack);
  color: var(--themeWhite);
  transition: 0.3s ease all;
}
.plan_btn:hover .longevity_pageButton{
  background: var(--longevityLP_btn_gradient);
}


.plan_benefit_title{
  font: 400 16px var(--adobeFont);
}

.plan_benefit_info ul{
  margin-top: 20px;
}

.plan_benefit_info ul{
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.plan_benefit_info ul li{
  list-style: none;
  padding-left: 20px;
  font-size: 16px;
  position: relative;
}

.plan_benefit_info ul li::before{
  content: "\2714";
  position: absolute;
  left: 0;
  top: 0;
  color: #A999F2;
}


.plan_tag{
  position: absolute;
  right: 0;
  top: 19px;
  padding: 6px;

  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;

  background: rgba(249, 120, 62, 1);
}



/* ===================================== */
/* ----------- FAQ Section ------------- */

.faqSection_in{
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 30px;
}

.faqSection_in .section_head{
  max-width: 320px;
}

.faq-container {
  max-width: 730px;
  margin: 0 auto;
}

/* List layout */
.faq-list {
  display: flex;
  flex-direction: column;
  /* gap: 12px; */
}

/* Card */
.faq-item {
  border-bottom: 0.7px solid rgba(58, 58, 58, 1);
}

/* Header (clickable area) */
.faq-header {
  width: 100%;
  padding: 20px 0;
  border: none;
  outline: none;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 400;
  color: var(--themeWhite);
  text-align: left;
}

.faq-header:hover {
  background: rgba(0, 0, 0, 0.02);
}

.faq-header:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

.faq-question {
  flex: 1;
}

/* Icon base */
.faq-icon {
  position: relative;
  width: 15px;
  height: 15px;
  flex-shrink: 0;
}

/* Horizontal line */
.faq-icon::before,
.faq-icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 1.5px;
  background: var(--themeWhite);
  border-radius: 999px;
  transition: transform 0.25s ease, opacity 0.25s ease;
  transform-origin: center;
}

/* Horizontal line (before) */
.faq-icon::before {
  transform: translate(-50%, -50%);
}

/* Vertical line (after) */
.faq-icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

/* WHEN OPEN → X ICON */
.faq-item.is-open .faq-icon::before {
  opacity: 0;
}

.faq-item.is-open .faq-icon::after {
  transform: translate(-50%, -50%) rotate(180deg);
}

/* Body */
.faq-body {
  padding: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.22s ease-out, padding-bottom 0.22s ease-out, padding-top 0.22s ease-out;
  will-change: max-height;
}

.faq-item.is-open .faq-body {
  padding-top: 0;
  padding-bottom: 24px;
}

/* Text inside body */
.faq-body p {
  margin: 0;
  font-size: 18px;
  line-height: 150%;
  color: rgba(134, 134, 134, 1);
  max-width: 660px;
}



.faq-item {
  border-bottom: 0.7px solid rgba(58, 58, 58, 1);
  padding: 10px 0;
}

.faq-question {
  width: 100%;
  background: none;
  border: none;
  outline: none;
  
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  
  padding: 10px 0;

  font-size: 18px;
  font-weight: 400;
  color: var(--themeWhite);
  text-align: left;
}

.faq-question .icon {
  transition: transform 0.3s ease;
  font-size: 1.5rem;
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.3s ease;
}

.faq-answer p {
  color: rgba(134, 134, 134, 1);
}

.faq-item.active .faq-answer {
  max-height: 200px; /* enough for content */
  padding: 0px 0 10px;
}

.faq-item.active .faq-question .icon {
  transform: rotate(180deg);
  content: "–";
}




/* =================================== */
/* -------- Pre Footer CTA ----------- */

.preFooter_in{
  padding-bottom: 34%;

  display: flex;
  justify-content: center;
  align-items: start;
  position: relative;
}

.preFooter_cntnt{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.preFooter_cntnt .preFooter_title{
  font: 400 56px var(--adobeFont);
  max-width: 750px;
  line-height: 110%;
}

.preFooter_cntnt .preFooter_desc{
  max-width: 380px;
  color: rgba(187, 187, 187, 1);
  margin-top: 10px;
}

.preFooter_cta_btn{
  margin-top: 50px;
}

.preFooter_img_wrap{
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;

  width: 100%;
  max-width: 800px;
}

.preFooter_img_wrap img{
  width: 100%;
}





/* ========================================== */
/* ---------- Footer Section ---------------- */

footer{
  position: relative;
}

.footer_in{
  padding: 40px 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 140px;
}

.footer_logo_imgWrap{
  max-width: 80%;
  margin: 0 auto;
}

.footer_info_bar{
  padding: 20px 0;
  border-top: 0.7px solid rgba(255, 255, 255, 1);
  width: 100%;

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

.footer_rights_content p{
  font-size: 12px;
  font-weight: 400;
}

.footer_madeBy_content{
  display: flex;
  align-items: center;
  gap: 5px;
}

.madeBy_item{
  font-size: 12px;
  font-weight: 400;
  line-height: 150%;
}

.madeBy_item img{
  max-width: 20px;
  height: auto;
}

.madeBy_item a{
  color: var(--themeWhite);
  text-decoration: none;
}

.footer_gradient{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: -1;
}

.footer_gradient img{
  margin-bottom: -200px;
}

footer .footer_fade_bar{
  position: absolute;
  top: 0px;
  left: 0;

  width: 100%;
  height: 100px;

  background: linear-gradient(360deg, rgba(10, 10, 10, 0) 0%, rgba(10, 10, 10, 1) 100%);
  z-index: 1;
}






/* ==============================================
------------------ SERVICES LP -----------------
================================================= */

/* Hero Section */
.serviceHero_section{
  background: url(../Images/servicelp_hero_img.png) center no-repeat rgba(0, 0, 0, 0.4);
  background-size: cover;
  background-blend-mode: overlay;
  z-index: 0;
}

.serviceHero_section .hero_section_in{
  height: 140vh;
}
.hero_content_wrap_top{
  padding-top: 100px;
}

.serviceHero_section .hero_subTitle{
  max-width: 680px;
}

.serviceHero_section .hero_fade_bar{
  z-index: 9;
  height: 200px;
  bottom: 0;
  filter: blur(0);
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(19, 19, 19, 1) 100%);
}

.hero_content_wrap_top .glowBtn{
  margin-top: 40px;
}




/* ------- INFORMATION SECTION -------- */
.information_section{
  margin-top: -200px;
  /* border: 1px solid red; */
}
.information_secIn{
  display: flex;
  flex-direction: column;
  gap: 120px;
}

.information_title{
  max-width: 560px;
}

.information_body{
  max-width: 450px;
  margin-left: auto;
}





/* ------ TABS SECTION ------------- */
.border_splide_arrows{
  gap: 0;
}
.border_splide_arrows .splide__arrow{
  border: 0.7px solid #3a3a3a;
}
.serviceSlider_panel{
  padding-bottom: 60px;
}
.section_head.serviceLP .section_title{
  max-width: 640px;
}
.section_head.serviceLP .section_para{
  max-width: 640px;
}



/* ------- MINI CTA BAR -------- */
.serviceLP_section_CTA{
  margin-top: 0;
}

.health_system_in.serviceLP .tab-item{
  opacity: 0.5;
}
.health_system_in.serviceLP .tab-item.active{
  opacity: 1;
}




/* ------------- ORBIT SECTION ----------- */
.restore-section-mobile{
  display: none;
}
.restore-wheel-inner .section_head{
  position: relative;
  width: fit-content;
  z-index: 2;
}

.restore-wheel-inner .section_head::before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 120%;
  background: rgba(19, 19, 19, 1);
  filter: blur(10px);
  z-index: -1;
}

.restore-wheel-inner .section_title{
  max-width: 450px;
}
.restore-wheel-inner .section_para{
  max-width: 600px;
}



.restore-wheel-wrapper{
  position:relative;
  max-width: 800px;
  margin:auto;
  margin-top: -120px;
}

.restore-dot{
  position:absolute;
  width:24px;
  height:24px;
  display:flex;
  justify-content:center;
  align-items:center;
}
.restore-dot-outer{
  position:absolute;
  width:24px;
  height:24px;
  border-radius:50%;
  background:rgba(255,255,255,.08);
}
.restore-dot-inner{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#6f6f75;
}
.restore-card{
  position: absolute;
  opacity:0;
  transform:translateY(25px);

  background: rgba(23, 17, 44, 1);
  border: 0.7px solid rgba(60, 56, 79, 1);

  padding: 20px 24px;
  border-radius: 12px;
  width: 100%;
}
.restore_card1{
  top: 24%;
  left: 75%;
  max-width: 310px;
}
.restore_card2{
  top: 60%;
  left: 68%;
  max-width: 300px;
}
.restore_card3{
  top: 60%;
  left: -5%;
  max-width: 280px;
}
.restore_card4{
  top: 24%;
  left: -6%;
  max-width: 260px;
}

.restore-card h3{
  font: 400 20px var(--adobeFont);
  letter-spacing: -1%;
  line-height: 22px;
  margin-bottom:10px;
}
.restore-card p{
  font-size: 14px;
}


.restore-point{
  position: absolute;
}
.restore-point-1{ 
    top:30%;
    left: 80.5%;
}
.restore-point-2{ 
    top:65%;
    left:78.1%;
}
.restore-point-3{ 
    top:65%;
    left:18.4%;
}
.restore-point-4{ 
    top:30%;
    left:16.1%;
}

#restoreMovingDot{
    position:absolute;
    width:24px;
    height:24px;
    pointer-events:none;
}

.restore-moving-outer{
    position:absolute;
    inset:0;
    border-radius:50%;
    background:#464069;
}

.restore-moving-inner{
    position:absolute;
    left:50%;
    top:50%;

    width:10px;
    height:10px;

    border-radius:50%;
    background:#895BF6;
    transform:translate(-50%, -50%);
}


.restore-center-image{
  position: absolute;
  left: 50%;
  top: 47%;
  transform: translate(-50%, -50%);

  width: 40%;
  /* height: 50%; */
  background: var(--gradient);
  border-radius: 50%;
  filter: blur(10px);
  aspect-ratio: 1/1;
  z-index: -1;
}






/* --------- MOMENT SECTION ---------- */
.moment_secIn{
  position: relative;
}

.moment_secIn::before{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 80%;
  background: linear-gradient(#070C40 23%, #4C18C7 57%, #131313 91%);
  border-radius: 50%;
  filter: blur(50px);
  z-index: -1;
}

.moment_secIn .section_title{
  max-width: 780px;
}

.moment_cntnt_wrapper{
  position: relative;
}

.moment_cntnt_wrapper .moment_img_Wrap{
  width: 60%;
  margin: 0 auto;
  margin-top: 60px;
}

.moment_dot{
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: var(--themeBlueLight);
}

.moment_dot1{
  left: 26%;
  top: 36%;
}
.moment_dot2{
  left: 73%;
  top: 36%;
}
.moment_dot3{
  left: 70%;
  top: 57.8%;
}
.moment_dot4{
  left: 31%;
  top: 59%;
}

.moment_point{
  position: absolute;
  max-width: 238px;
  text-align: center;
  
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  z-index: 1;
}

.moment_point1{
  left: calc(26% - (238px / 2));
  top: calc(36% - 100px);
}
.moment_point2{
  left: calc(73% - (238px / 2));
  top: calc(36% - 100px);
}
.moment_point3{
  left: calc(72% - (238px / 2));
  top: calc(58% + 30px);
}
.moment_point4{
  left: calc(31% - (238px / 2));
  top: calc(59% + 30px);
}

.moment_title{
  font: 400 20px var(--adobeFont);
  letter-spacing: -1%;
}

.moment_body{
  font-size: 14px;
}

.moment_fade{
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 200px;
  background: linear-gradient(rgba(19, 19, 19, 0) 0%, rgb(19, 19, 19) 100%);
}

.moment_sec_CTA{
  margin-top: 100px;
}






/* -------- TECHNOLOGY MEETS BIOLOGY STYLE --------- */

.technology_biology_in{
  padding: 50px 0;
}

.technology_biology_in .section_title{
  max-width: 900px;
}
.technology_biology_in .section_para{
  max-width: 600px;
}

.tech_meet_bio_cntntWrap{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;

  margin-top: 100px;
}

.tech_meet_bio_card{
  padding: 20px 20px 30px;
  display: flex;
  flex-direction: column;
  gap: 150px;
  position: relative;
  background: linear-gradient(-40deg, #b7b2ff 1%,
    #895bf6 16%,
    #0f1a97 50%,
    #0a0a0a 75%);
  background-size: 150% 150%;
  transition: 0.3s ease all;
}

.tech_meet_bio_card:hover {
  background-size: 120% 120%;
}

/* Figma glass highlight */
.tech_meet_bio_card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;

    /* subtle top-left border */
  border: 1px solid transparent;
  border-image: linear-gradient(
    160deg,
    rgba(255,255,255,0.35) 0%,
    rgba(255,255,255,0.35) 20%,
    rgba(255,255,255,0.15) 45%,
    transparent 70%
  ) 1;
}

.tech_meet_bio_card .logomark img{
  width: 40px;
  height: auto;
}

.tech_meet_bio_card .card_body .card_title{
  font: 400 24px var(--adobeFont);
  letter-spacing: -1%;
}

.tech_meet_bio_card .card_body .card_para{
  font-size: 16px;
}






/* -------- DEEP WORK STYLE ------------ */

.deeper_work_in{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 60px 0;
}

.deeper_work_in .container{
  padding: 0 60px 0 0;
}

.deeper_work_img{
  overflow: hidden;
  width: 90%;
  max-height: 700px;
}

.deeper_work_body{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 100px;
  padding-top: 60px;
  /* border: 1px solid white; */
}

.deeperWork_bodyCntnt .section_title{
  max-width: 540px;
}

.deepWork_cntnt_bodyPara p{
  font-size: 16px;
  max-width: 484px;
}

.deeperWork_bodyImg{
  width: 190px;
  height: 215px;
  margin-left: auto;
}






/* ---------- CONNECT WITH US STYLE ----------------- */

.connect_in{
  display: flex;
  flex-direction: column;
  gap: 58px;
}

.connect_in .section_para{
  max-width: 730px;
}

.social_wrap_title{
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
}

.social_icon_wrap{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 10px;
}


.social_icon_wrap .socialIcon{
  text-decoration: none;
  display: block;
  width: 20px;
  height: 20px;
}

.ticker-wrapper {
  width: 450px;
  height: 50px;
  position: relative;
  background: #ccc;
  overflow: hidden;
}

.ticker-wrapper::after {
  width: 448px;
  height: 48px;
  content: "";
  position: absolute;
  border: solid 1px white;
}



.ticker-wrap {
  overflow: hidden;
  width: 100%;
  position: relative;
  margin-top: 56px;
}

.ticker-track {
  display: flex;
  width: max-content;
  align-items: center;
  will-change: transform;
}

.ticker-item {
  flex-shrink: 0;
  margin: 0 10px;
  width: 260px;
  height: 350px;
}




/* -------- PLAN SECTION ---------- */
.plan_section_in.serviceLP .section_para{
  max-width: 542px;
}

.plan_cards_container.serviceLP .plan_card{
  background: linear-gradient(180deg, #070C40 26.54%, #4C18C7 66.53%, #131313 107.43%);

  background-size: 100% 100%;
  border: 1px solid transparent;
  position: relative;
}
.plan_cards_container.serviceLP .plan_card::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  
  z-index: -1;
  margin: -2px;
  background: linear-gradient(180deg, #2B2838 0%, #4A426E 100%);
}


.plan_cards_container.serviceLP .plan_card .pageButton{
  width: 100%;
}
.plan_cards_container.serviceLP .plan_card:nth-child(odd) .pageButton{
  background: transparent;
  /* transition: 0.5s ease all; */
   transition: 0.3s ease 0.5s;
}
.plan_cards_container.serviceLP .plan_card:nth-child(odd) .pageButton:hover{
  background: transparent;
  background: var(--themeBlue);
  transition-delay: 0s;
}

.plan_cards_container.serviceLP .plan_card .plan_benefit_title{
  font-family: "Satoshi", sans-serif;
}
.plan_cards_container.serviceLP .plan_card .plan_benefit_info ul li{
  font: 400 16px var(--adobeFont);
  letter-spacing: 2%;
}
.plan_cards_container.serviceLP .plan_card .plan_benefit_info ul li img{
  position: absolute;
  left: 0;
  top: 3px;
  width: 12px;
  height: auto;
}
.plan_cards_container.serviceLP .plan_card .plan_benefit_info ul li::before{
  display: none;
}





/* ------ PRE FOOTER -------- */

.preFooter_in.serviceLP{
  padding-bottom: 0;
}

.preFooter_in.serviceLP .preFooter_title{
  text-transform: capitalize;
  max-width: 800px;
}
.preFooter_in.serviceLP .preFooter_desc{
  max-width: 550px;
}
.preFooter_in.serviceLP .glowBtn{
  margin-top: 40px;
}





/* ------ FOOTER SERVICE LP -------- */
footer{
  position: relative;
}
.serviceLP_footer{
  padding: 0 40px;
  padding-top: 30%;
  position: relative;
  overflow: hidden;
}

.serviceLP_footer::before{
  content: '';
  position: absolute;
  width: 130%;
  height: 100%;
  border-radius: 50%;
  background: #131313;
  z-index: 0;
  top: 15%;
  filter: blur(30px);
}
.serviceFooter_bg_logomark{
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: auto;
}
.serviceLP_footer .footer_info_bar{
  position: relative;
  z-index: 1;
  color: #8F8F8F;
}
.serviceLP_footer .footer_info_bar a{
  color: #8F8F8F;
}
.serviceFooter_gradient{
  position: absolute;
  left: 0;
  top: -50%;
  width: 100%;
  height: auto;
  z-index: -1;
}