@media screen and (max-width: 768px) {
  .hamburger {
    position: fixed;
    top: 2rem;
    left: 2rem;
    z-index: 1001;
    cursor: pointer;
  }

  .hamburger img {
    max-width: 5.5rem;
  }

  .logo-mobile {
    position: fixed;
    top: 2rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1001;
    cursor: pointer;
  }

  .logo-mobile img {
    max-width: 9.9rem;
  }

  .header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 0;
    background-color: rgba(217, 217, 217, 0.1);
    backdrop-filter: blur(10px);
    gap: 3rem;
    justify-content: flex-start;
    padding-top: 12rem;
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    border-radius: 0;
    margin-top: 0;
  }

  .header::after {
    border-radius: 0;
  }

  .header.open {
    transform: translateX(0);
  }


  .header .nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 0;
    background-color: rgba(217, 217, 217, 0.1);
    backdrop-filter: blur(10px);
    gap: 3rem;
    justify-content: flex-start;
    padding-top: 8.5rem;
    transition: transform 0.3s ease-in-out;
    align-items: flex-start;
    transform: translateX(0%);
  }

  .header .nav .backBtn {
    position: absolute;
    top: 2rem;
    left: 2rem;
  }

  .backBtn img {
    max-width: 5.5rem
  }

  .header .dropDown .backBtn {
    position: absolute;
    top: 2rem;
    left: 2rem;
  }

  .header .nav::after {
    border-radius: 0;
  }

  .header .nav a {
    font-size: 1.2rem;
    border-bottom: 1px solid #ffffff3a;
    padding-bottom: 2rem;
    width: 100%;
    justify-content: flex-start;
  }

  .header .dropDown {
    top: 0;
    left: 100%;
    opacity: 1;
    z-index: 10000;
    height: 100%;
    align-items: flex-start;
    padding-top: 8.5rem;
  }

  .header .dropDown.active {
    top: 0;
    left: 0;
    opacity: 1;
    z-index: 10000;
  }

  .header .dropDown .content {
    align-items: flex-start;
    max-width: 100%;
    justify-content: flex-start;
    padding-top: 0;
  }





  .header .dropDown .content a {
    font-size: 1.2rem;
    padding: 0.9rem 2rem;
  }



  /* !==================== */

  .therapy_banner {
    flex-direction: column;
    background-image: url("../images/therapy/banner-bg-mobile.png");
    background-size: 100% 100%;
    object-fit: contain;
    padding: 5rem 0 0 0;
    min-height: 90vh;
    justify-content: flex-end;
  }

  .therapy_banner .c1 {
    width: 100%;
    align-items: center;
    padding: 0 5vw;
  }

  .therapy_banner .c1 h1 {
    font-size: 1.8rem;
    text-align: left;
    margin-bottom: 0.8rem;
    max-width: 28rem;
    align-self: flex-start;
  }

  .therapy_banner .c1 .mobileLogo {
    margin-top: 0;
    margin-bottom: 10rem;
  }

  .therapy_banner .c1 p {
    text-align: left;
    font-size: 1.4rem;
    max-width: 28rem;
    align-self: flex-start;
    order: 6;
    margin-bottom: 3.8rem;
  }

  .therapy_banner .c1 .button {
    display: flex;
    align-self: center;
    order: 5;
    margin-bottom: 1.5rem;
  }

  .therapy_banner .c1 .bgImage {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    right: 0;
    margin-bottom: 0%;
    width: 100%;
    max-width: 33rem;
    z-index: -1;
    margin-top: 0;
  }

  .therapy_banner .c2 {
    display: none;
  }

  .therapy_human_evolution {
    flex-direction: column-reverse;
    padding-top: 8.8rem;
    padding-bottom: 0rem;
    padding-left: 0;
    padding-right: 0;
  }

  .therapy_human_evolution .c1 {
    width: 100%;
    flex-direction: column;
    position: relative;
  }

  .therapy_human_evolution .c1 a {
    position: absolute;
    align-self: center;
    top: 50%;
    transform: translate(0, -50%);
  }

  .therapy_human_evolution .c2 {
    width: 100%;
    padding: unset;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .therapy_human_evolution .c2 h1 {
    font-size: 2.2rem;
    margin-bottom: 1.2rem;
  }

  .therapy_human_evolution .c2 p {
    font-size: 1.5rem;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: 0.16px;
    text-align: center;
    color: #fff;
    margin-bottom: 8rem;
  }

  .therapy_sliderSection {
    padding-top: 6rem;
    padding-bottom: 6rem;
    flex-direction: row;
    gap: unset;
    height: unset;
    justify-content: space-between;
  }

  .therapy_sliderSection .top {
    flex-direction: column;
    justify-content: center;
    height: 62rem;
    display: none;
    width: 5%;
  }

  .therapy_sliderSection .top img {
    height: 100%;
    width: 1rem;
  }

  .therapy_sliderSection .center {
    width: 100%;
    height: unset;
    flex-direction: column-reverse;
    gap: 0rem;
  }

  .therapy_sliderSection .center .c1 {
    width: 100%;
    margin-right: 0;
    padding-left: 0rem;
    padding-top: 0rem;
  }

  .therapy_sliderSection .center .c1 .block {
    position: relative;
  }

  .therapy_sliderSection .center .c1 p {
    font-size: 1.2rem;
  }

  .therapy_sliderSection .center .c1 h1 {
    font-size: 2.4rem;
  }

  .therapy_sliderSection .center .c2 {
    margin-bottom: 5rem;
    width: 100%;
    height: unset;
    transform: unset;
    top: unset;

  }

  .therapy_sliderSection .center .c2 h1 {
    text-align: center;
    align-self: center;
  }


  .therapy_sliderSection .center .c2 .block {
    scale: 1;
  }

  .therapy_sliderSection .bottom {
    flex-direction: column;
    justify-content: center;
    height: 62rem;
    width: 5%;
    display: none;
  }

  .therapy_sliderSection .bottom img {
    height: 100%;
    width: 1rem;
  }

  .therapy_sliderSection .center .c1 .block {
    align-items: center;
    padding-top: 0;
  }

  .therapy_sliderSection .center .c1 .block h1 {
    font-size: 1.8rem;
    text-align: center;
  }

  .therapy_sliderSection .center .c1 .block p {
    font-size: 1.6rem;
    text-align: center;
    max-width: 90%;
  }

  .therapy_sliderSection .center .c2 {
    margin-bottom: 3rem;
    display: flex;
    flex-direction: column;
  }

  .therapy_start {
    flex-direction: column;
    gap: 2.9rem;
    padding-bottom: 3rem;
  }

  .therapy_start .c1 {
    width: 100%;
  }

  .therapy_start .c1 h1 {
    font-size: 1.8rem;
    max-width: 30rem;
  }

  .therapy_start .c1 p {
    font-size: 1.4rem;
    max-width: 30rem;
  }

  .therapy_start .c2 {
    width: 100%;
    overflow: hidden;
  }

  .therapy_start .c2 .content {
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: scroll;
    padding-bottom: 1rem;
  }

  .therapy_start .c2 .content h2 {
    white-space: nowrap;
    font-size: 1.2rem;
    padding: 1rem 2.6rem;
  }

  .therapy_accordion {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .therapy_accordion .accordion-item .close {
    display: none;
  }

  .therapy_accordion .accordion-item .accordion-header {
    font-size: 1.8rem;
    padding: 1.7rem 0;
  }

  .therapy_accordion .accordion-item .accordion-content {
    position: fixed;
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }

  .therapy_accordion .accordion-item.active .accordion-header .close {
    display: none;
  }

  .therapy_accordion .accordion-item.active .accordion-content {
    transition: all 0.3s ease-in-out;
    display: flex;
    position: fixed;
    top: 7rem;
    border-radius: 25px;
    background-color: rgba(92, 92, 92, 0.09);
    left: 0;
    backdrop-filter: blur(15px);
    z-index: 55;
    width: 90%;
    height: 80%;
    margin: 2rem;
    overflow-y: scroll;
    padding: 2.8rem 1.8rem !important;
  }

  .therapy_accordion .accordion-item.active .accordion-content .upper {
    padding-top: 5rem;
    flex-direction: column;
    position: relative;
  }

  .therapy_accordion .accordion-item.active .accordion-content .upper .close {
    width: fit-content;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5555;
    cursor: pointer;
  }

  .therapy_accordion .accordion-item.active .accordion-content .upper .c1 {
    position: relative;
    display: flex;
    flex-direction: column;
  }

  .therapy_accordion .accordion-item.active .accordion-content .upper .c1 .icon {
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 55;
  }

  .therapy_accordion .accordion-item.active .accordion-content .upper .c1 .photo {
    width: 100%;
    max-width: 100rem;
    height: auto;
    margin-bottom: 2.6rem;
  }

  .therapy_accordion .accordion-item.active .accordion-content .upper .c2 h1 {
    font-size: 1.8rem;
    margin-bottom: 0.6rem;
  }

  .therapy_accordion .accordion-item.active .accordion-content .upper .c2 p {
    font-size: 1.6rem;
    margin-bottom: 3.7rem;
  }

  .therapy_accordion .accordion-item.active .accordion-content .lower {
    margin-bottom: 0;
  }

  .therapy_accordion .accordion-item.active .accordion-content .lower h1 {
    font-size: 1.8rem;
    margin-bottom: 1.3rem;
  }

  .therapy_accordion .accordion-item.active .accordion-content .lower .content {
    flex-direction: column;
    gap: 6.2rem;
  }

  .therapy_accordion .accordion-item.active .accordion-content .lower .content .c1 ul {
    width: 100%;
    gap: 0.8rem;
  }

  .therapy_accordion .accordion-item.active .accordion-content .lower .content .c1 ul li {
    font-size: 1rem;
    padding: 1rem 2rem;
  }

  .therapy_accordion .accordion-item.active .accordion-content .lower .content .c2 {
    width: 100%;
    justify-content: center;
  }

  .therapy_accordion .accordion-item.active .accordion-content .lower .content .c2 a {
    font-size: 1.6rem;
    padding: 1.5rem 2.6rem;
    align-self: center;
  }

  .therapy_accordion .accordion-item:hover .popUp {
    display: none !important;
    opacity: 0;
    opacity: 1;
  }

  .therapy_sliderSection .center {
    height: auto;
  }

  .therapy_sliderSection .center .logo {
    order: 1;
    max-width: fit-content;
    align-self: center;
    margin-bottom: 3rem;
  }

  .therapy_sliderSection .center .c1 .swiper-wrapper {
    flex-direction: unset;
    width: 100%;
    height: 100%;
  }

  .therapy_sliderSection .center .c2 {
    height: auto;
    display: unset;
    display: flex;
    flex-direction: column;
  }

  .therapy_sliderSection .center .c2 .swiper-wrapper {
    flex-direction: unset;
    width: 100%;
    height: 100%;
  }

  .therapy_sliderSection .center .c2 .block {
    transform: scale(0.5);
  }

  .therapy_sliderSection .center .c2 .block h1 {
    font-size: 4rem;
    margin-bottom: 3rem;
  }

  .therapy_sliderSection .center .c2 .block p {
    font-size: 1.6rem;
    text-align: center;
  }

  .therapy_sliderSection .center .c2 .swiper-wrapper {
    position: relative;
  }

  .therapy_sliderSection .center .c2 .swiper-slide-active {
    transform: scale(0.8);
    /* active one full size */
    opacity: 1;
  }

  .mySwiper .swiper-slide-active .block {
    width: 100%;
  }

  .goal .content {
    right: 50%;
    transform: translate(50%, -50%);
    width: 80%;
    margin: 0 auto;
    padding: 5rem 2rem;
  }

  .goal .content h1 {
    font-size: 1.8rem;
    margin-bottom: 0.5rem;
  }

  .goal .content p {
    font-size: 1.6rem;
    margin-bottom: 5.3rem;
  }

  .goal .content .search {
    width: 100%;
  }

  .goal .content .search input {
    font-size: 1.4rem;
    padding: 1.6rem 3rem;
    width: 70%;
  }

  .goal .content .search button {
    width: 30%;
  }

  .homeBanner .slick-dots {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .homeBanner .slide .text {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .homeBanner .slide .text h1 {
    font-size: 2rem;
  }

  .homeBanner .slide .text p,
  .homeBanner .slide .text p strong {
    font-size: 1.2rem;
  }

  .homeBanner .slide .text a {
    font-size: 1rem;
    padding: 1rem 2.5rem;
  }

  .home_ethos {
    flex-direction: column;
    gap: 3rem;
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .home_ethos .c1 {
    width: 100%;
  }

  .home_ethos .c1 h1 {
    font-size: 1rem;
  }

  .home_ethos .c1 h2 {
    font-size: 2rem;
  }

  .home_ethos .c1 p {
    font-size: 1.4rem;
  }

  .home_ethos .c2 {
    width: 100%;
  }

  .home_whatYouGet {
    margin-top: 4rem;
    padding-top: 5rem;
    padding-bottom: 3.5rem;
  }

  .home_whatYouGet .head {
    padding-left: 5vw;
  }

  .home_whatYouGet .head h1 {
    font-size: 1rem;
  }

  .home_whatYouGet .head h2 {
    font-size: 1.6rem;
    max-width: 95%;
  }

  .home_whatYouGet .content .block {
    padding: 1.5rem 1.5rem 5rem 1.5rem;
    width: 30rem;
  }

  .home_whatYouGet .content .block .icon {
    max-width: 3.5rem;
    margin-bottom: 1.8rem;
  }

  .home_whatYouGet .content .block h1 {
    font-size: 1.8rem;
  }

  .home_whatYouGet .content .block h2 {
    font-size: 1.4rem;
  }

  .home_whatYouGet .content .block p {
    font-size: 1.4rem;
  }

  .home_measurable {
    flex-direction: column;
    gap: 3rem;
    padding-top: 8rem;
    padding-bottom: 6rem;
  }

  .home_measurable .c1 {
    width: 100%;
  }

  .home_measurable .c2 {
    width: 100%;
  }

  .home_measurable .c2 h1 {
    font-size: 1rem;
  }

  .home_measurable .c2 h2 {
    font-size: 1.8rem;
  }

  .home_measurable .c2 p {
    font-size: 1.4rem;
  }

  .home_measurable .c2 a {
    font-size: 1rem;
    padding: 1rem 2.5rem;
  }

  .home_member .c1 {
    width: 100%;
    padding-right: 0;
    margin-top: -4vh;
  }

  .home_member .c1 h1 {
    font-size: 1rem;
  }

  .home_member .c1 h2 {
    font-size: 2rem;
  }

  .home_member .c1 p {
    font-size: 1.4rem;
  }

  .home_member .c2 {
    width: 100%;
  }

  .home_member .c2 img {
    max-width: 50%;
    justify-self: flex-end;
  }

  .home_became_a_member {
    height: 100vh;
  }

  .home_became_a_member .content {
    padding: 2rem 3rem;
    width: 90%;
  }

  .home_became_a_member .content h1 {
    font-size: 1.8rem;
  }

  .home_became_a_member .content a {
    font-size: 1rem;
    padding: 1rem 2.5rem;
  }

  .home_FAQ {
    padding-top: 10rem;
    padding-bottom: 10rem;
    overflow: hidden;
  }

  .home_FAQ .bg {
    transform: scale(3);
    transform-origin: 74% 74%;
  }

  .home_FAQ .head {
    margin-bottom: 5rem;
  }

  .home_FAQ .head h1 {
    font-size: 1.8rem;
  }

  .home_FAQ .head p {
    font-size: 1.4rem;
  }

  .home_FAQ .accordion {
    max-width: 100%;
    gap: 1.5rem;
    margin-bottom: 4.5rem;
  }

  .home_FAQ .accordion .block {
    padding: 1.5rem 1.5rem;
  }

  .home_FAQ .accordion .block .acc_head h1 {
    font-family: var(--font-bw);
    font-size: 1.4rem;
  }

  .home_FAQ .accordion .block .acc_content p {
    font-size: 1.2rem;
  }

  .home_FAQ .accordion .block.active .acc_head {
    padding-bottom: 1rem;
  }

  .home_FAQ .text {
    font-size: 1.2rem;
  }

  .home_FAQ .text img {
    max-width: 3rem;
  }

  .home_peekAtEvity {
    padding-top: 6rem;
    padding-bottom: 6rem;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .home_peekAtEvity .head {
    margin-bottom: 4rem;
  }

  .home_peekAtEvity .head h1 {
    font-size: 1rem;
  }

  .home_peekAtEvity .head h2 {
    font-size: 1.8rem;
    max-width: 22rem;
  }

  .home_peekAtEvity .head p {
    font-size: 1.4rem;
  }

  .home_peekAtEvity .slider .slick-slide {
    transform: scale(0.9) translateY(0);
    transition: transform 0.3s ease;
    transition: all 0.3s ease-in-out;
    z-index: 5;
    filter: none;
  }

  .home_peekAtEvity .slider .slick-slide img {
    margin-bottom: 3rem;
  }

  .home_peekAtEvity .slider .slick-slide h1 {
    opacity: 1;
  }

  .home_peekAtEvity .slider .slick-slide p {
    opacity: 1;
  }

  .footer {
    gap: 5rem;
  }

  .footer .top {
    flex-direction: column;
    gap: 4.8rem;
  }

  .footer .top .c1 {
    order: 2;
    gap: 2rem;
    display: flex;
    flex-direction: row;
  }

  .footer .top .c1 .social img {
    max-width: 2.5rem;
  }

  .footer .top .c1 img {
    max-width: 15rem;
    margin-bottom: 0rem;
  }

  .footer .top .c1 .left {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 50%;
  }

  .footer .top .c1 .right {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 50%;
  }

  .footer .top .c1 .right h1 {
    font-family: var(--font-bw);
    font-size: 1rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: 0.4px;
    text-align: left;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 1rem;
  }

  .footer .top .c2 {
    order: 1;
  }

  .footer .top .c2 .link1 {
    gap: 1.4rem;
    width: 50%;
  }

  .footer .top .c2 .link1 a {
    font-size: 1.2rem;
  }

  .footer .top .c2 .link2 {
    gap: 1rem;
    width: 50%;
  }

  .footer .top .c2 .link2 a {
    font-size: 1.2rem;
  }

  .footer .top .c3 {
    order: 3;
  }

  .footer .top .c3 h1,
  .footer .top .c3 a {
    font-size: 1.2rem;
    gap: 1rem;
    line-height: 1.3;
  }

  .footer .bottom {
    flex-direction: column;
    gap: 1rem;
  }

  .footer .bottom .c1 {
    display: flex;
    width: 100%;
    justify-content: flex-start;
  }

  .footer .bottom .c1 h1 {
    font-size: 1rem;
  }

  .footer .bottom .c2 {
    width: 100%;
    gap: 1rem;
    justify-content: flex-start;
  }

  .footer .bottom .c2 a {
    font-size: 1rem;
  }

  .aboutUs_banner .mainText.mobile {
    position: absolute;
    top: 41%;
    left: 50%;
    transform: translate(-50%, 0%);
    grid-area: 0.5rem;
  }

  .aboutUs_banner .mainText.mobile .evity {
    width: 8rem;
  }

  .aboutUs_banner .mainText.mobile .wellness {
    width: 13rem;
    margin-top: -0.7rem;
  }

  .aboutUs_banner .content {
    width: 100%;
    top: 61%;
    /* position the dots if needed */
    /* reset list styles */
    /* hide button text and make dots */
    /* active dot */
  }

  .aboutUs_banner .content .slick-track {
    display: flex !important;
    align-items: flex-start;
    /* or 'stretch' if you want equal height */
  }

  .aboutUs_banner .content .slick-slide {
    height: inherit !important;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .aboutUs_banner .content .slick-slide>div {
    flex: 1 0 auto;
    /* allow inner wrapper to grow */
    display: flex;
  }

  .aboutUs_banner .content .slick-slide>div {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
  }

  .aboutUs_banner .content .slick-dots {
    position: absolute;
    bottom: 20px;
    /* adjust based on your design */
    right: 10%;
    transform: translateX(-50%);
    display: flex !important;
    gap: 10px;
    /* space between dots */
  }

  .aboutUs_banner .content .slick-dots li {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .aboutUs_banner .content .slick-dots li button {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #777;
    /* inactive color */
    border: none;
    padding: 0;
    font-size: 0;
    /* hide number */
    cursor: pointer;
    transition: background 0.3s ease;
  }

  .aboutUs_banner .content .slick-dots li.slick-active button {
    background: #fff;
    /* active color (white) */
  }

  .aboutUs_banner .content .block {
    position: relative;
    width: 100%;
    padding: 3rem 3rem;
    display: flex !important;
    flex-direction: column;
    gap: 0.7rem;
    align-items: flex-start;
    top: auto;
    left: auto;
    transform: none;
    margin-bottom: 4rem;
  }

  .aboutUs_banner .content .block .c1 {
    width: 100%;
    justify-content: flex-start;
  }

  .aboutUs_banner .content .block .c1 h1 {
    font-size: 1.8rem;
    gap: 0.5rem;
  }

  .aboutUs_banner .content .block .c1 h1 img {
    opacity: 1;
    width: 4rem;
  }

  .aboutUs_banner .content .block .c2 {
    width: 100%;
  }

  .aboutUs_banner .content .block .c2 p {
    margin-top: 3.4rem;
    font-size: 1.4rem;
  }

  .aboutUs_life {
    justify-content: flex-start;
  }

  .aboutUs_life .bg {
    position: absolute;
    top: -33%;
    left: 81%;
    transform: translate(-50%, 0);
    z-index: -5;
    scale: 1.5;
  }

  .aboutUs_life .head h1 {
    font-size: 1.4rem;
  }

  .aboutUs_life .head h2 {
    font-size: 2rem;
  }

  .aboutUs_life .head p {
    font-size: 1.6rem;
    width: 80%;
  }

  .aboutUs_life .content {
    top: 33%;
  }

  .aboutUs_life .content .dot {
    top: 33%;
  }

  .aboutUs_life .content .slides .block:last-child img {
    margin-top: 9%;
  }

  .aboutUs_life .content h3 {
    font-size: 1.6rem;
  }

  .aboutUs_life .content .slides .block p {
    font-size: 1.4rem;
  }

  .aboutUs_life .content .slides .block img {
    width: 15rem;
    padding: 1rem;
  }

  .aboutUs_life .content .slides .block p {
    width: 20rem;
  }

  .aboutUs_socialWellnessClub .text1 h1 {
    font-size: 1.8rem;
    margin-bottom: 2.4rem;
  }

  .aboutUs_socialWellnessClub .text2 {
    top: unset;
    bottom: 3rem;
    right: unset;
    left: 5vw;
    width: 100%;
  }

  .aboutUs_socialWellnessClub .text2 p {
    font-size: 1.2rem;
    max-width: 70%;
  }

  .aboutUs_socialWellnessClub .text2 .tags {
    gap: 0.7rem;
  }

  .aboutUs_socialWellnessClub .text2 .tags h1 {
    font-size: 1.2rem;
  }

  .about_whyEvity {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .about_whyEvity .head h1 {
    font-size: 1.8rem;
  }

  .about_whyEvity .card {
    flex-direction: column;
    gap: 3.7rem;
  }

  .about_whyEvity .card .c1 {
    width: 100%;
  }

  .about_whyEvity .card .c1 img {
    border-radius: 2rem;
    max-height: 24rem;
    object-position: center 17%;
  }

  .about_whyEvity .card .c2 {
    width: 100%;
    padding: 0rem 2.7rem 2.7rem 2.7rem;
  }

  .about_whyEvity .card .c2 h1 {
    font-size: 1.4rem;
  }

  .about_whyEvity .card .c2 p {
    font-size: 1.2rem;
  }

  .about_whyEvity .card .c2 .name h1 {
    font-size: 1.2rem;
  }

  .about_whyEvity .card .c2 .name p {
    font-size: 1.2rem;
  }

  .about_whyEvity .card::before {
    transform: translate(16%, 53%);
    width: 5rem;
    aspect-ratio: 1 / 1;
    transform: translate(16%, 53%);
  }

  .about_builtOnScience {
    padding-top: 5rem;
    padding-bottom: 10rem;
  }

  .about_builtOnScience .head {
    display: flex;
    flex-direction: column;
    margin-bottom: 4.4rem;
  }

  .about_builtOnScience .head h1 {
    font-family: var(--font-bw);
    font-size: 1.8rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: 0.18px;
    text-align: center;
    color: #fff;
    margin-bottom: 1.5rem;
    max-width: 60%;
  }

  .about_builtOnScience h2 {
    font-size: 1.2rem;
  }

  .about_builtOnScience .head h2 {
    font-family: var(--font-bw);
    font-size: 1.4rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: 0.14px;
    text-align: left;
    color: #fff;
  }

  .about_builtOnScience .content {
    display: flex;
    flex-wrap: wrap;
    /* overflow-x: scroll; */
  }

  .about_builtOnScience .content .block {
    /* padding: 3.8rem 2rem; */
    /* aspect-ratio: 1 / 0; */
    /* width: 23rem; */
    gap: .6rem;
    align-items: center;
    justify-content: center;
  }



  .about_builtOnScience .content .block p {
    font-size: 1rem;
    text-align: center;
  }

  .aboutUs_evityJourney {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .aboutUs_evityJourney svg #dot-1-mobile {
    opacity: 0;
  }

  .aboutUs_evityJourney svg #dot-2-mobile {
    opacity: 0;
  }

  .aboutUs_evityJourney svg #dot-3-mobile {
    opacity: 0;
  }

  .aboutUs_evityCore {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .aboutUs_evityCore>.head {
    align-items: flex-start;
    margin-bottom: 6rem;
  }

  .aboutUs_evityCore>.head h1 {
    font-size: 1.8rem;
    margin-bottom: 1.7rem;
  }

  .aboutUs_evityCore>.head h2 {
    font-size: 1.4rem;
    text-align: left;
    margin-bottom: 1.6rem;
  }

  .aboutUs_evityCore>.head p {
    width: 100%;
    gap: 1rem;
    align-items: center;
    justify-content: flex-start;
    font-size: 1.4rem;
  }

  .aboutUs_evityCore>.head p .bg {
    scale: 1.2;
    transform: translate(-8%, -42%);
  }

  .aboutUs_evityCore>.content {
    display: flex;
    overflow-x: scroll;
  }

  .aboutUs_evityCore>.content>.block {
    flex-shrink: 0;
    max-width: 25rem;
  }

  .aboutUs_evityCore>.content>.block img {
    margin-bottom: 0.7rem;
  }

  .aboutUs_evityCore>.content>.block .text h1 {
    font-size: 1.1rem;
  }

  .aboutUs_evityCore>.content>.block .text p {
    font-size: 1rem;
  }

  .aboutUs_evityCore .popUp_wrapper .popUp {
    right: 50%;
    transform: translate(50%, 0);
    width: 96%;
    padding: 2.5rem 2.5rem;
            bottom: unset;
        top: 10rem;
  }

  .aboutUs_evityCore .popUp_wrapper .popUp .closeBtn {
    top: 2.5rem;
    left: 2.5rem;
  }

  .aboutUs_evityCore .popUp_wrapper .popUp .head .text h1 {
    font-size: 1.6rem;
  }

  .aboutUs_evityCore .popUp_wrapper .popUp .head .text p {
    font-size: 1.4rem;
  }

  .aboutUs_evityCore .popUp_wrapper .popUp .head .popup-img {
    max-width: 10rem;
  }

  .aboutUs_evityCore .popUp_wrapper .popUp .content p {
    font-size: 1.4rem;
  }
}


.contrastTabs {
  /* Styles for main container */
  padding: 8rem 0;
}

.contrastTabs .mainContainer {
  /* Styles for main container */

}

.contrastTabs .switchContainer {
  /* Styles for switch container */
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  gap: 6rem;
  margin-bottom: 12rem;
}

@media only screen and (max-width: 768px) {
  .contrastTabs .switchContainer {
    flex-direction: column;
    gap: 4rem;
    margin-bottom: 8rem;
  }
}

.contrastTabs .leftHead {
  /* Styles for left header */
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 50%;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .contrastTabs .leftHead {
    width: 100%;
  }
}

.contrastTabs .leftHead h4 {
  /* Styles for heading */
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: 0.24px;
  color: #fff;
}

.contrastTabs .tabsPara {
  /* Styles for paragraph */
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: 0.18px;
  color: #fff;
}

.contrastTabs .tabsContainer {
  /* Styles for tab switcher container */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.contrastTabs .tabsContainer .tab-switcher {
  /* Styles for tab switcher container */
  display: flex;
  gap: 0rem;
  padding: 5px;
  border-radius: 102px;
  background-color: rgba(255, 255, 255, 0.1);
}

.contrastTabs .tabsContainer .tab-switcher button.active {
  border-radius: 105px;
  color: #fff;
}

/* First button (Restorative) active */
.contrastTabs .tabsContainer .tab-switcher button:nth-child(1).active {
  background-image: linear-gradient(3deg, #7c2a32 -254%, rgba(124, 42, 50, 0) 197%);
}

/* Second button (Activating) active */
.contrastTabs .tabsContainer .tab-switcher button:nth-child(2).active {
  background-image: linear-gradient(4deg, #1e3964 -50%, rgba(61, 115, 202, 0) 182%);
}

.contrastTabs .tabsContainer .tab-btn {
  /* Styles for tab buttons */
  padding: 2rem 2.5rem;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  background: transparent;
  color: #bbb;
  font-weight: bold;
  transition: all 0.5s ease;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: 0.2px;
  text-align: left;
  color: rgba(255, 255, 255, 0.37);

}

.contrastTabs .tab-btn.active {
  /* Styles for active tab button */
}

.contrastTabs .tabContentContainer {
  /* Styles for tab content container */
  display: none;
  /* display: flex; */
  gap: 4rem;
  justify-content: space-between;
  flex-direction: column;
}

.contrastTabs .tabContentContainer.active {
  /* Styles for active tab content */
  display: flex;
}

.contrastTabs .tabContentContainer .top {
  /* Styles for top section */
  display: flex;
  gap: 4rem;
  justify-content: space-between;
  margin-bottom: 8rem;
  padding: 0 7.5vw;
}

@media only screen and (max-width: 768px) {
  .contrastTabs .tabContentContainer .top {
    flex-direction: column;
    gap: 4rem;
    margin-bottom: 6rem;
  }
}

@media only screen and (max-width: 768px) {
  .contrastTabs .tabContentContainer .top {
    padding: 0 5vw;
  }
}

.contrastTabs .left {
  /* Styles for left content area */
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .contrastTabs .left {
    width: 100%;
  }
}

.contrastTabs .left h4 {
  /* Styles for h4 in left area */
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: 0.24px;
  text-align: left;
  color: #fff;
  margin-bottom: 0.5rem;
}

.contrastTabs .left h6 {
  /* Styles for h6 in left area */
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: 0.18px;
  text-align: left;
  color: #fff;
}

.contrastTabs .top .right {
  /* Styles for right content area */
  /* border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); */
  width: 100%;
  /* padding: 4rem; */
}

.contrastTabs .cardBox {
  /* Styles for card box */
  font-size: 1.6rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: 0.16px;
  text-align: left;
  color: #fff;

}

.contrastTabs .cardBox ul li {
  /* Styles for unordered list items - bullets */
  list-style-type: disc;
  margin-left: 2rem;
}

.contrastTabs .cardBox ol li {
  /* Styles for ordered list items - numbers */
  list-style-type: decimal;
  margin-left: 2rem;
}

.contrastTabs .cardBox p {
  /* Styles for list items */
  padding-bottom: 2.4rem;
}

.contrastTabs .cardBox li:not(:last-child) {
  /* Styles for list items */
  padding-bottom: 1.6rem;
}

.contrastTabs .tabContentContainer .bottom .pointsBlock {
  /* Styles for bottom section */
  display: flex;
  gap: 4rem;
  justify-content: space-between;

}

@media only screen and (max-width: 768px) {
  .contrastTabs .tabContentContainer .bottom .pointsBlock {
    flex-direction: column;
    gap: 4rem;
  }
}

.contrastTabs .tabContentContainer .bottom .left h5 {
  /* Styles for bottom section */
  margin-bottom: 0.8rem;

}

.contrastTabs .tabContentContainer .bottom .right {
  width: 100%;
}


@media only screen and (max-width: 768px) {


  .memberShip_banner {
    position: relative;
  }

  .memberShip_banner .gradiant {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 30%;
    width: 100%;
    background-image: linear-gradient(to bottom, rgba(2, 3, 5, 0), #020305);
  }

  .memberShip_banner .text {
    height: 72%;
    width: 100%;
    z-index: 5;
    justify-content: flex-start;
    gap: 1.5rem;
  }

  .memberShip_banner .text .block {
    gap: 1.5rem;
    margin-top: 32%;
  }

  .memberShip_banner .text p {
    font-size: 1.6rem;
    max-width: 72rem;
  }

  .memberShip_banner .text h1 {
    font-size: 2.8rem;
    margin-bottom: 0;
  }

  .memberShip_banner .text a {
    font-size: 1.2rem;
  }

  .memberShip_ourPlans {
    padding-top: 7rem;
    padding-bottom: 4.5rem;
  }

  .memberShip_ourPlans .bg {
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
    z-index: -1;
    scale: 5.5;
  }

  .memberShip_ourPlans>.head {
    margin-bottom: 4.5rem;
  }

  .memberShip_ourPlans>.head>h1 {
    font-size: 1.8rem;
  }

  .memberShip_ourPlans>.head>p {
    font-size: 1.4rem;
  }

  .memberShip_ourPlans>.content {
    margin-bottom: 1.5rem;
    gap: 3.8rem;
  }

  .memberShip_ourPlans>.content .block {
    padding: 0rem;
  }

  .memberShip_ourPlans>.content .block:hover {
    background-color: rgba(255, 255, 255, 0.03);
  }

  .memberShip_ourPlans>.content .block:hover .bg {
    opacity: 0;
  }

  .memberShip_ourPlans .content .block {
    background-color: rgb(255 255 255 / 13%);
  }

  .memberShip_ourPlans>.content .block .head {
    margin-bottom: 0rem;
    padding: 5rem 2rem 3rem 2rem;
    background-color: rgb(255 255 255 / 23%);
  }

  .memberShip_ourPlans>.content .block .head h1 {
    font-size: 1.8rem;
  }

  .memberShip_ourPlans>.content .block .head p {
    font-size: 1.4rem;
    margin-bottom: 0.6rem;
    font-weight: 100;
  }

  .memberShip_ourPlans>.content .block .bottom {
    padding: 2rem 2rem 3.5rem 2rem;
    border-radius: 0 0 1.4rem 1.4rem;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    background-color: rgb(255 255 255 / 23%);
  }

  .memberShip_ourPlans>.content .block .bottom h3 {
    display: inline-block !important;
    margin-top: 1.6rem;
    backdrop-filter: blur(0px) !important;
    background-color: rgba(217, 217, 217, 0.1) !important;
  }

  .memberShip_ourPlans>.content .block .bottom h2 {
    font-size: 1.8rem;
    font-weight: 100;
  }

  .memberShip_ourPlans>.content .block .bottom p {
    font-size: 1.4rem;
  }

  .memberShip_ourPlans>.content .block .bottom h1 {
    font-size: 2.3rem;
    margin-top: 4rem;
  }

  .memberShip_ourPlans>.content .block .bottom h1 span {
    font-size: 1.4rem;
  }

  .memberShip_ourPlans>.content .block .bottom:has(+ .active) {
    border-bottom: 0.5px solid white;
  }

  .memberShip_ourPlans>.content .block .dropdown {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    overflow: hidden;
    max-height: 0px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    padding-top: 0rem;
    opacity: 0;
  }

  .memberShip_ourPlans>.content .block .dropdown .line {
    border-bottom: 2px solid;
    border-image: linear-gradient(0.25turn, #00000000, #ffffff61, #00000000) 1;
    width: 100%;
  }

  .memberShip_ourPlans>.content .block .dropdown.active {
    max-height: 2000px;
    opacity: 1;
    padding-top: 2rem;
    padding-bottom: 4rem;
  }

  .memberShip_ourPlans>.content .block .dropdown.active h1 {
    font-size: 1.6rem;
    width: 80%;
    font-weight: normal;
    letter-spacing: normal;
  }

  .memberShip_ourPlans>.content .block .dropdown.active p {
    font-size: 1.4rem;
    font-weight: 100;
    width: 80%;
    letter-spacing: normal;
  }

  .memberShip_ourPlans>.content .block .dropdown.active .bg {
    opacity: 1;
    transition-delay: 0.1s;
  }

  .memberShip_ourPlans>.content .block .dropdown .bg {
    position: absolute;
  }

  .memberShip_ourPlans>.content .block .dropdown p {
    padding: 2rem;
    font-family: var(--font-bw);
    font-size: 1.6rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.18;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: 1.5rem 0;
  }

  .memberShip_ourPlans>.content .block .dropdown img {
    padding: 1.5rem 0;
  }

  .memberShip_ourPlans>.content .block .dropdown h4 {
    font-family: var(--font-bw);
    font-size: 1.4rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.06;
    letter-spacing: 1.68px;
    text-align: center;
    color: #d4d4d4;
    padding: 1rem 0;
  }

  .memberShip_ourPlans>.content .block .dropdown h4:last-child {
    margin-bottom: 5rem;
  }

  .memberShip_ourPlans .terms {
    align-items: center;
    z-index: 555;
  }

  .memberShip_ourPlans .terms h1 {
    font-size: 1.6rem;
    gap: 0.7rem;
    justify-content: flex-start;
    margin-bottom: 1.6rem;
  }

  .memberShip_ourPlans .terms .dropDown p {
    font-size: 1.4rem;
    max-width: 100%;
  }

  .memberShip_pricing {
    padding-top: 4.5rem;
    padding-bottom: 4rem;
  }

  .memberShip_pricing>.head {
    padding-left: 5vw;
    padding-right: 5vw;
    margin-bottom: 6.5rem;
  }

  .memberShip_pricing>.head h1 {
    font-size: 1.8rem;
  }

  .memberShip_pricing>.head p {
    font-size: 1.4rem;
  }

  .memberShip_pricing .pricing-table {
    padding-left: 5vw;
    padding-right: 5vw;
    max-width: 100%;
  }

  .memberShip_pricing .pricing-table .section {
    margin-bottom: 5.9rem;
  }

  .memberShip_pricing .pricing-table .section:last-child {
    margin-bottom: 0;
  }

  .memberShip_pricing .pricing-table .section .row {
    grid-template-columns: 40% 30% 30%;
  }

  .memberShip_pricing .pricing-table .section .row h3 {
    font-size: 1.6rem !important;
    padding: 1.5rem 0 !important;
    line-height: 1.3;
  }

  .memberShip_pricing .pricing-table .section .row p {
    padding: 1.5rem 0 !important;
    font-size: 1.4rem !important;
    line-height: 1.5;
  }

  .memberShip_pricing .pricing-table .section .row small {
    font-size: 1.2rem;
    line-height: 1.3;
  }

  .memberShip_membersGetMore {
    padding-top: 4.5rem;
    padding-bottom: 8rem;
  }

  .memberShip_membersGetMore .head {
    align-items: flex-start;
    margin-bottom: 4.3rem;
  }

  .memberShip_membersGetMore .head h1 {
    font-size: 1.8rem;
    margin-bottom: 2.5rem;
  }

  .memberShip_membersGetMore .head p {
    font-size: 1.4rem;
    text-align: left;
    max-width: 95%;
  }

  .memberShip_membersGetMore .content {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    column-gap: 1.4rem;
    padding-bottom: 0.5rem;
  }

  .memberShip_membersGetMore .content .block {
    flex-shrink: 0;
    max-width: 30rem;
    padding: 2rem 2.3rem;
  }

  .memberShip_membersGetMore .content .block .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 28rem;
  }

  .memberShip_membersGetMore .content .block .head_img {
    margin-bottom: 4rem;
  }

  .memberShip_membersGetMore .content .block h1 {
    font-size: 4.4rem;
    margin-bottom: 2.5rem;
  }

  .memberShip_membersGetMore .content .block p {
    font-size: 1.6rem;
  }

  .memberShip_package {
    padding-top: 4rem;
    padding-bottom: 5rem;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .memberShip_package .card {
    width: 100%;
    padding: 5rem 4.5rem;
  }

  .memberShip_package .card .bg {
    transform: scale(1.8);
  }

  .memberShip_package .card h1 {
    font-size: 1.8rem;
    margin-bottom: 2rem;
  }

  .memberShip_package .card p {
    font-size: 1.4rem;
    margin-bottom: 2.5rem;
  }

  .memberShip_package .card a {
    font-size: 1rem;
  }

  .memberShip_experience {
    margin-top: 10rem;
  }

  .memberShip_experience .text1 {
    top: 6rem;
    left: 5vw;
  }

  .memberShip_experience .text1 h1 {
    font-size: 1.8rem;
    max-width: 70%;
  }

  .memberShip_experience .content {
    width: 100%;
    top: 29vh;
    left: 0;
    right: 0;
    padding: 2rem 5vw;
    /* each dot */
    /* dot button */
    /* active dot */
  }

  .memberShip_experience .content .card {
    padding: 3.4rem 2.4rem;
  }

  .memberShip_experience .content .card h1 {
    font-size: 2rem;
    margin-bottom: 2.2rem;
  }

  .memberShip_experience .content .card .break {
    margin-bottom: 3.4rem;
    gap: 2rem;
  }

  .memberShip_experience .content .card .break img {
    max-width: 3.4rem;
  }

  .memberShip_experience .content .card .break p {
    font-size: 1.2rem;
  }

  .memberShip_experience .content .card>p {
    font-size: 1.4rem;
    padding-left: 3rem;
  }

  .memberShip_experience .content .card>p::before {
    top: -25px;
    left: -0%;
    width: 23px;
    height: 52px;
  }

  .memberShip_experience .content .slick-dots {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 15px;
  }

  .memberShip_experience .content .slick-dots li {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .memberShip_experience .content .slick-dots li button {
    font-size: 0;
    /* hide text */
    width: 30px;
    /* length of bar */
    height: 10px;
    /* height of bar */
    border-radius: 20px;
    -webkit-backdrop-filter: blur(34px);
    backdrop-filter: blur(34px);
    background-color: rgba(197, 196, 196, 0.3);
    border: none;
    transition: all 0.3s ease;
  }

  .memberShip_experience .content .slick-dots li.slick-active button {
    -webkit-backdrop-filter: blur(34px);
    backdrop-filter: blur(34px);
    background-color: rgba(255, 255, 255, 0.44);
    /* lighter shade for active */
    width: 35px;
    /* make active bar slightly bigger if you want */
  }

  .therapyOverviewCards .stacked-cards {
    flex-direction: column !important;
    width: 100%;
  }

  .therapyOverviewCards .card {
    flex: 1 1 0%;
    height: var(--card-h);
    min-height: var(--card-h);
    max-height: var(--card-h);
    padding: 4.5rem;
    border-radius: 2rem;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: flex 0.55s cubic-bezier(.25, .8, .25, 1), filter 0.35s ease;
    background-clip: padding-box;
    display: flex;
    flex-direction: column;
  }


  .therapyOverviewCards .card+.card {
    margin-top: -22px;
  }

  .therapyOverviewCards .card::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: 20px;
    background: linear-gradient(90deg, #cccccc40, #eeeeee80);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#ffffff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 1;
  }

  .therapyOverviewCards .card.active {
    transform: none !important;
    z-index: 55 !important;
    max-height: 5500px;
  }

  /* .desc hidden by default */
  .therapyOverviewCards .card .desc {
    opacity: 0;
    /* transform: translateY(10px); */
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.4s ease, transform 0.4s ease, max-height 0.45s ease;
    margin-bottom: 2.4rem;

  }

  .therapyOverviewCards .card .btnGradient {
    opacity: 0;
    /* transform: translateY(10px); */
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.4s ease, transform 0.4s ease, max-height 0.45s ease;
  }

  .therapyOverviewCards .card.active .btnGradient {
    opacity: 1;
    transform: translateY(0);
    max-height: 500px;
  }

  /* Show .desc on tap */
  .therapyOverviewCards .card.active .desc {
    opacity: 0.85;
    transform: translateY(0);
    max-height: 500px;
    font-family: var(--font-bw);
    font-size: 1.4rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: 0.16px;
    text-align: left;
    color: #fff;
    margin-top: 4rem;
    white-space: wrap !important;
  }


  .therapyOverviewCards .card.active .sub {
    /* margin-bottom: 4rem; */
  }

  .therapyOverviewCards .stacked-cards.locked .card:not(.active) {
    filter: brightness(0.85);
  }

  /* Remove hover effects on mobile */
  .therapyOverviewCards .stacked-cards:hover .card,
  .therapyOverviewCards .stacked-cards:hover .card:hover {
    flex: none;
    filter: none;
  }


  .therapyOverviewCards .card .title {


    font-family: var(--font-bw);
    font-size: 1.8rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.18px;
    text-align: left;
    color: #fff;
    margin-bottom: 1.4rem;
    z-index: 2;
    white-space: wrap;
  }


  .therapyOverviewCards .card .sub {

    font-family: var(--font-bw);
    font-size: 1.4rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: 0.14px;
    text-align: left;
    color: #fff;
    z-index: 2;
    white-space: wrap;
    margin-bottom: 0rem;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    /* margin-bottom: 1.6rem; */
  }


  .therapyOverviewCards .card .sub img {
    max-width: 3.5rem;
    height: 3.5rem;
  }

  .therapyOverviewCards .head {
    flex-direction: column;

  }

  .therapyOverviewCards .head .c1 {
    width: 100%;
  }

  .therapyOverviewCards .head .c2 {
    width: 100%;
  }

  .therapyOverviewCards .head .c1 h1 {
    font-size: 1.8rem;
    margin-bottom: .7rem;
  }

  .therapyOverviewCards .head .c1 h2 {
    font-size: 1.4rem;
    margin-bottom: 2.6rem;
  }

  .therapyOverviewCards .head .c2 p {
    font-size: 1.4rem;

  }

  .therapyOverviewCards {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }



  /* !about us we make  */



  .aboutUs_weMake .sectionWrapper {
    flex-direction: column-reverse;
    padding-bottom: 8rem;
    padding-top: 15rem;

  }


  .aboutUs_weMake .blurBG {
    display: none;
  }


  .aboutUs_weMake .sectionWrapper .c1 {
    width: 100%;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(13px);
    -webkit-backdrop-filter: blur(13px);
    padding: 3rem;
    border-radius: 2.4rem;
  }

  .aboutUs_weMake .sectionWrapper .c1 {
    width: 100%;
  }

  .aboutUs_weMake .sectionWrapper .c1 .head {
    margin-bottom: 1.7rem;
  }

  .aboutUs_weMake .sectionWrapper .c1 .head h1 {

    font-size: 1.4rem;

  }

  .aboutUs_weMake .sectionWrapper .c1 .head h2 {

    font-size: 1.4rem;

  }

  .aboutUs_weMake .sectionWrapper .c1 .head p {

    font-size: 1.4rem;

  }

  .aboutUs_weMake .sectionWrapper .c2 {
    width: 70%;
  }

  .aboutUs_weMake .sectionWrapper .c2 .text_1 p {
    font-size: 1.4rem;
    margin-bottom: 1.8rem;
  }

  .aboutUs_weMake .sectionWrapper .c2 .text_1 svg {
    width: 1rem;
    align-self: flex-start;
    justify-self: flex-start;
    height: auto;
  }

  .aboutUs_weMake .sectionWrapper .c1 .content h1,
  .aboutUs_weMake .sectionWrapper .c1 .content p {
    font-size: 1.4rem;
  }


  /* !---------------------- */

  .about_wellness .sectionWrapper .content {

    grid-template-columns: repeat(1, 1fr);
    padding: 6.5rem 0rem;
  }

  .about_wellness .sectionWrapper .content .block {
    border-right: none;
    border-bottom: 2px solid;
    border-image: linear-gradient(0.25turn, #00000000, #ffffff61, #00000000) 1;
    padding-bottom: 3.5rem;
    margin-bottom: 3.5rem;


  }


  .about_wellness .sectionWrapper .content .block:last-child {
    border-bottom: none;
    padding-bottom: 3.5rem;
    margin-bottom: 0rem;
  }


  .about_wellness .sectionWrapper .content .block img {
    margin-bottom: 2.7rem;
  }

  .about_wellness .sectionWrapper .content .block p {
    font-size: 1.3rem;
  }

  .about_wellness .sectionWrapper .head h1 {
    font-size: 2rem;
    margin-bottom: 1.3rem;
    text-align: center;
  }

  .about_wellness .sectionWrapper .head {
    margin-bottom: 6.1rem;
  }

  .about_wellness .sectionWrapper .head p {
    font-size: 1.4rem;
    width: 100%;
  }





  /* !about india first section  */

  .about_indiasFirst {
    height: auto;
  }

  .about_indiasFirst .foot {
    margin-top: 0;
  }

  .about_indiasFirst .sectionWrapper {
    padding-top: 5rem;
    padding-bottom: 0rem;
    align-items: center;
    padding-left: 0vw;
    padding-right: 0vw;
  }

  .about_indiasFirst .sectionWrapper .container {

    gap: 1rem;
    flex-direction: column-reverse;
  }

  .about_indiasFirst .sectionWrapper .container .c1 {
    width: 100%;
  }

  .about_indiasFirst .sectionWrapper .container .c2 {
    width: 100%;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .about_indiasFirst .sectionWrapper .head {

    margin-bottom: 3.5rem;
    font-size: 2rem;
    max-width: 24rem;
    align-items: center;
  }

  .about_indiasFirst .sectionWrapper .head h1 {
    font-size: 2rem;
  }

  .about_indiasFirst .sectionWrapper .container .c2 h1 {
    font-size: 1.4rem;
    text-align: center;
    margin-bottom: 1.5rem;
  }

  .about_indiasFirst .sectionWrapper .container .c2 h2 {
    font-size: 1.4rem;
    text-align: center;
    margin-bottom: 0rem;
  }

  .about_indiasFirst .sectionWrapper .container .c1 {
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-top: -8rem;
  }

  .about_indiasFirst .sectionWrapper .container .c1 img {
    position: relative;
    width: 100%;
    max-width: 100%;
    z-index: -2;
    margin-left: 0%;
  }

  .about_indiasFirst .sectionWrapper .container .c1 p {
    font-family: var(--font-bw);
    font-size: 1.4rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: 0.18px;
    text-align: center;
    color: #fff;
    position: absolute;
    bottom: 10%;
    width: 94%;
  }


  /* !footer popup   */

  .footerPopup {
    padding: 10rem 2rem 4rem 2rem;
  }


  .footerPopup .closeBtn {
    position: absolute;
    left: 2rem;
    top: 4rem;

  }

  .footerPopup .content a {
    font-size: 1rem;
  }

}