@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&family=Poppins:wght@400;700&display=swap');body {
  background-color: #e5e7eb;
}
.allRightsP {
  font-size: 1.2rem;
  text-align: center;
}


/* Import fonts from Google Fonts */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 10px;
  /* white-space: pre-line; */
}
html,
body {
  overflow-x: hidden;
  overflow-x: clip;
  background-color: #e5e7eb;
  scroll-behavior: smooth;
}
:root {
  --font-head: 'Montserrat', sans-serif;
  --font-body: 'Poppins', sans-serif;
  --Primary: #3e6e8c;
  --Font: #1f2937;
  --Secondary: #ffffff;
  --CTA: #c55a3d;
  --Nav-Bar: #f1f0f0;
  --Secondary-Font: #191919;
  --Shadow-Color: #ced4d8;
}
a {
  text-decoration: none;
  color: unset;
}
.mobile-only-sidebar {
  display: none;
}
.mobile-only {
  display: block;
}
.desktop-only-sidebar {
  display: none;
}
/* =========================================
   TYPOGRAPHY M (Mobile - Default)
   ========================================= */
/* Mobile Headings (Montserrat 400) */
.headingMon,
h1 {
  font-size: 3.6rem;
  font-weight: 500;
  font-family: var(--font-head);
}
.subMon,
h2 {
  font-size: 3rem;
  font-weight: 400;
  font-family: var(--font-head);
}
/* //big mon */
.bigMon,
h3 {
  font-size: 2.4rem;
  font-weight: 400;
  font-family: var(--font-head);
}
/* Mobile Body (Poppins 400) */
.base {
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 1.4rem;
}
.base-bold {
  font-family: var(--font-body);
  /* font-weight: 700; */
  font-weight: bold;
  font-size: 1.4rem;
}
.small {
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 1.4rem;
}
.navBar {
  font-family: var(--font-head);
  font-weight: 600;
  font-size: 18px;
}
.lastOne {
  font-size: 1.4rem;
}
/* =========================================
TYPOGRAPHY W (Desktop - 1024px and up)
========================================= */
@media (min-width: 1024px) {
  .mobile-only {
    display: none;
  }
  .mobile-only-sidebar {
    display: none;
  }

  .desktop-only-sidebar {
    display: block;
  }

  .headingMon,
  h1 {
    font-size: 3.6rem;
    font-weight: 500;
    font-family: var(--font-head);
  }
  .subMon,
  h2 {
    font-size: 3rem;
    font-weight: 400;
    font-family: var(--font-head);
  }
  /* //big mon */
  .bigMon,
  h3 {
    font-family: var(--font-head);
    font-size: 2.4rem;
    font-weight: 400;
  }

  .base {
    font-family: var(--font-body);
    font-size: 1.6rem;
  }

  .base-bold {
    font-family: var(--font-body);
    font-size: 1.6rem;
    /* font-weight: 700; */
    font-weight: bold;
  }

  .small {
    font-family: var(--font-body);
    font-size: 1.4rem;
  }
  .navBar {
    font-family: var(--font-head);
    font-weight: 600;
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .lastOne {
    font-size: 1.2rem;
  }
}
.homeHero {
  background: linear-gradient(0deg, #3e6e8c 41.17%, #ced4d8 93.73%);
  color: var(--Secondary);
  padding: 6.3rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
.iconTextSec {
  gap: 1.7rem;
  display: flex;
  flex-direction: row;
}
.iconSec {
  display: flex;
  flex-direction: row;
  gap: 0.8rem;
  align-items: center;
}
.stangeHeroThing {
  gap: 6.5rem;
  background-color: var(--Secondary);
  color: var(--Font);
  width: fit-content;
  border-radius: 16px;
  display: flex;
  padding: 2.3rem;
  align-items: center;
  justify-content: space-around;
  position: absolute;
  bottom: 20%;
  right: 30%;
  z-index: 3;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}
.heroInnerSec {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 4rem;
  position: relative;
}

.heroText {
  width: fit-content;
  max-width: 90rem;
  display: flex;
  flex-direction: column;
  gap: 3rem;
  z-index: 2;
  align-items: center;
  text-align: center;
}

.heroText h1,
.heroText h3 {
  text-align: center;
  height: auto;
  overflow: visible;
  color: var(--Secondary);
}

.heroImg {
  height: 70.3rem;
  object-fit: cover;
  width: 63.9rem;
  border-radius: 2.4rem;
  flex-shrink: 0;
  position: relative;
}
.orngbtnmobile {
  display: none;
}
/* TODO make the menu sticky */
@media (max-width: 1024px) {
  .orngbtnmobile .mobile-only-sidebar {
    display: flex;
    width: 100%;
    margin: 4rem 0;
  }
}
/* Responsive Logic */
@media (max-width: 1199px) {
  .stangeHeroThing {
    position: static;
    margin-top: 2rem;
    width: 100%;
    box-sizing: border-box;
    justify-content: center;
    gap: 2rem; /* Reduced gap for better mobile fit */
    padding: 2rem 1.5rem;
  }

  .iconTextSec {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: center;
  }

  .homeHero {
    padding: 4rem 2rem;
    display: flex;
    flex-direction: column;
  }

  .heroInnerSec {
    /* Stack components vertically */
    flex-direction: column;
    align-items: flex-start;
    gap: 3rem;
  }

  .heroText {
    max-width: 100%;
    /* h1 and h3 stay in order here: Header then Therapy text */
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }

  .heroImg {
    /* Image goes under the text block */
    width: 100%;
    height: auto;
    max-height: 50rem;
    order: 2;
  }

  .orongBtnStrangeTopThing {
    display: none;
  }
  .orngbtnmobile {
    display: flex;
    justify-content: center;
    margin: 4rem 0;
  }
}

@media (max-width: 479px) {
  .homeHero {
    padding: 2rem 1.5rem;
  }
}
@media (max-width: 767px) {
  .iconsIcons {
    display: none;
  }

  .iconTextSec {
    justify-content: center;
    width: 100%;
  }
}

@media (max-width: 479px) {
  .homeHero {
    padding: 2rem 1.5rem;
  }
}
.heroBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--CTA);
  color: var(--Secondary);
  border: none;
  min-width: 18.6rem;
  width: fit-content;
  height: 3.5rem;
  border-radius: 8px;
  overflow: hidden;
  overflow: clip;
  font-family: var(--font-head);
  padding: 0 1rem;
  font-weight: normal;
  text-decoration: none;
  cursor: pointer;
  line-height: 1;
  white-space: nowrap;
}
.secondSec {
  width: 129.6rem;
  height: 50.2rem;
  border-radius: 24px;
  margin: 17.5rem auto;
  background-color: var(--Secondary);
  display: flex;
  align-items: center;
  gap: 2.1rem;
  justify-content: center;
  padding: 4rem;
}

.secondSecContent {
  display: flex;
  flex-direction: column;
  gap: 2.7rem;
}

.secondSecHeading {
  max-width: 63.8rem;
  font-family: var(--font-head);
  font-weight: 600;
  font-size: 1.8rem;
  color: var(--Font);
}

.secondSecText {
  max-width: 63.7rem;
  font-family: var(--font-body);
  font-size: 1.6rem;
  color: var(--Font);
}

.secondSecImg {
  width: 41.8rem;
  height: 31.6rem;
  border-radius: 24px;
  object-fit: cover;
  flex-shrink: 0;
}

/* Mobile Styles */
@media (max-width: 768px) {
  .secondSec {
    width: calc(100% - 3rem);
    height: auto;
    flex-direction: column;
    margin: 5rem 1.5rem;
    padding: 2.5rem 2rem;
    gap: 2rem;
  }

  .secondSecContent {
    gap: 1.5rem;
  }

  .secondSecHeading {
    max-width: 100%;
    font-size: 1.6rem;
  }

  .secondSecText {
    max-width: 100%;
    font-size: 1.4rem;
  }

  .secondSecImg {
    width: 100%;
    height: auto;
    max-height: 25rem;
    border-radius: 1.6rem;
  }
}
.imgTagSec {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
}

.imgTagImg {
  width: 29.8rem;
  height: 31.2rem;
  border-radius: 8px;
  border: 2px solid #ffffff;
  object-fit: cover;
}

.orongBtnImg {
  position: relative;
  top: -1.5rem;
  z-index: 1;
}

/* Mobile Styles */
@media (max-width: 768px) {
  .imgTagSec {
    width: 100%;
  }

  .imgTagImg {
    width: 100%;
    height: auto;
    max-height: 35rem;
    border-radius: 8px;
  }

  .orongBtnImg {
    top: -1.5rem;
    width: calc(100% - 4rem);
  }

  .orongBtnImg .heroBtn {
    width: 100%;
  }
}
.howWeSec {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 4rem 2rem;
}

.textSecHowWe {
  text-align: center;
  margin-top: 1.2rem;
  margin-bottom: 2rem;
}

.textSecHowWe .subMon {
  font-family: var(--font-head);
  font-size: 3rem;
  font-weight: 400;
  color: var(--Font);
  margin-bottom: 1rem;
}

.textSecHowWe .base {
  font-family: var(--font-body);
  font-size: 1.6rem;
  color: var(--Font);
}

.imgTagContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 3.6rem;
  margin-top: 4.5rem;
  flex-wrap: wrap;
}

/* Mobile Styles */
@media (max-width: 768px) {
  .howWeSec {
    padding: 3rem 1.5rem;
  }

  .textSecHowWe {
    margin-top: 2rem;
    padding: 0 1rem;
  }

  .textSecHowWe .subMon {
    font-size: 2.4rem;
  }

  .textSecHowWe .base {
    font-size: 1.4rem;
  }

  .imgTagContainer {
    flex-direction: column;
    gap: 2.5rem;
    margin-top: 3rem;
    width: 100%;
  }
}
.supportSec {
  background-color: var(--Primary);
  color: var(--Secondary);
  width: 100%;
  height: 31rem;
  margin-top: 18rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 4rem 2rem;
  gap: 5rem;
}

.supportSec h2 {
  font-family: var(--font-head);
  font-size: 3.6rem;
  font-weight: 500;
  color: var(--Secondary);
  margin-bottom: 3rem;
}
.tickerContainer {
  overflow: hidden;
  display: flex;
  width: 100%;
}

.tickerSec {
  display: inline-flex;
  flex-direction: row;
  gap: 3rem;
  min-width: max-content;
  white-space: nowrap;
  animation: scroll 45s linear infinite;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}

/* This stops the scroll when someone hovers, good for UX */
.tickerSec:hover {
  animation-play-state: paused;
}

@keyframes scroll {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}

/* Mobile Adjustments */
@media (max-width: 768px) {
  .tickerSec {
    gap: 2rem;
    animation: scroll 40s linear infinite;
  }
}
/* Mobile Styles */
@media (max-width: 768px) {
  .supportSec {
    height: auto;
    margin-top: 8rem;
    padding: 3rem 1.5rem;
  }

  .supportSec h2 {
    font-size: 2.4rem;
    text-align: center;
    margin-bottom: 2rem;
  }

  .tickerSec {
    flex-wrap: nowrap;
    gap: 2rem;
    padding-bottom: 1rem;
    justify-content: flex-start;
  }

  .tickerItemDiv {
    flex-shrink: 0;
  }
}
@media (max-width: 420px) {
  .supportSec h2 {
    font-size: 2.5rem;
    line-height: 1.3;
    text-align: center;
  }
  .tickerItemH3 {
    font-size: 2rem;
  }
  .supportSec {
    gap: 2rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tickerSec {
    animation: none;
    transform: none;
  }
}
.tickerItemDiv {
  display: flex;
  flex-direction: row;
  gap: 2.4rem;
  align-items: center;
  /* width: 100%; */
}
.tickerItemH3 {
  /* margin-left: 2.4rem; */
}
.desktop-only-sidebar .MeetUsSec {
  gap: 2rem;
}
.MeetUsSec {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  border: 2px solid #ffffff;
  width: 38rem;
  border-radius: 10rem;
  text-align: center;
  padding: 2.5rem;
  margin-bottom: 2rem;
  background-color: transparent;
}

.meetUsImg {
  width: 18rem;
  height: 22rem;
  border-radius: 24px;
  object-fit: cover;
  margin-bottom: 1.5rem;
}

.meetUsName {
  padding: 0 3rem;
  font-family: var(--font-body);
  color: var(--Font);
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: normal;
  margin-bottom: 1rem;
}

.meetUsNameLine {
  display: block;
  font-size: inherit;
}

.meetUsTitleLine {
  white-space: pre-line;
}

.MeetUsQuote {
  padding: 1.8rem 2rem;
  font-family: var(--font-body);

  font-weight: bold;
  color: var(--Font);
}

.meetUsSpec {
  padding: 1rem 2rem 2rem;
  font-family: var(--font-body);
  color: var(--Font);
  white-space: pre-line;
}

.meetUsBtn {
  margin-bottom: 1.5rem;
  width: 100%;
  padding: 0 2rem;
}

.meetUsBtn .heroBtn {
  width: 100%;
}

/* Mobile Styles */
@media (max-width: 768px) {
  .MeetUsSec {
    width: 100%;
    max-width: 35rem;
    border-radius: 2.4rem;
    padding: 2rem;
  }

  .meetUsImg {
    width: 16rem;
    height: 19rem;
  }

  .meetUsName {
    padding: 0 1.5rem;
  }

  .MeetUsQuote {
    padding: 1.2rem 1.5rem;
  }

  .meetUsSpec {
    padding: 1rem 1.5rem 1.5rem;
  }

  .meetUsBtn {
    padding: 0 1.5rem;
  }
}
.meetUsSecWho {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  gap: 3rem;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0 4rem;
}

.whoRWeText {
  margin-left: 16rem;
  margin-bottom: 5rem;
}

.whoRheader {
  font-family: var(--font-head);
  font-size: 3rem;
  font-weight: 400;
  color: var(--Font);
  margin-top: 9rem;
  margin-bottom: 2rem;
}

.whoRsub {
  font-family: var(--font-body);
  font-size: 1.6rem;
  color: var(--Font);
  margin-bottom: 1rem;
}

.whoRWeText .base {
  font-family: var(--font-body);
  font-size: 1.6rem;
  color: var(--Font);
}

/* Mobile Styles */
@media (max-width: 768px) {
  .meetUsSecWho {
    flex-direction: column;
    align-items: center;
    gap: 2.5rem;
    padding: 0 1.5rem;
  }

  .whoRWeText {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    margin-bottom: 3rem;
  }

  .whoRheader {
    font-size: 2.4rem;
    margin-top: 5rem;
    margin-bottom: 1.5rem;
  }

  .whoRsub {
    font-size: 1.4rem;
  }

  .whoRWeText .base {
    font-size: 1.4rem;
  }
}
.WeAccSec {
  margin: 4.2rem 7.2rem;
  text-align: center;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
}

.thatLine {
  /* margin: 9rem 7.5rem 0; */
  padding-top: 4rem;
  border-top: 2px solid #000;
  border-bottom: none;
}

.WeAccHeader {
  font-family: var(--font-head);
  font-size: 2.4rem;
  font-weight: 400;
  color: var(--Font);
}

.WeAccImgSec {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 2.4rem;
  align-items: center;
}

.WeAccImgSec img {
  height: auto;
  max-width: 20rem;
}

.otherPageclass {
  padding-top: 4rem;
}

/* Mobile Styles */
@media (max-width: 768px) {
  .WeAccSec {
    margin: 3rem 1.5rem;
  }

  .thatLine {
    margin: 5rem 1.5rem 0;
  }

  .WeAccHeader {
    font-size: 2rem;
    margin-bottom: 2rem;
  }

  .WeAccImgSec {
    flex-direction: row;
    gap: 2rem;
    flex-wrap: wrap;
  }

  .WeAccImgSec img {
    max-width: 40%;
  }

  .otherPageclass {
    flex-direction: column;
    align-items: center;
    padding: 2rem 1.5rem;
    gap: 2rem;
  }
}
.howToSeptsSec {
  margin: 0;
  box-shadow: 5px 9px #e3e8e340;
  width: 36rem;
  max-width: 100%;
  border-radius: 24px;
  background: var(--Secondary);
}

.howToStepsText {
  color: var(--Font);
  padding: 3rem 2.4rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.lastOneBegin {
  padding: 2rem 2.4rem !important;
}
.howToStepsText .base-bold {
  font-family: var(--font-body);
  font-size: 1.6rem;
  font-weight: bold;
  color: var(--Font);
}

.subTextHowToTherapy {
  font-family: var(--font-body);
  font-size: 1.6rem;
  color: var(--Font);
  line-height: 1.5;
}

/* Mobile Styles */
@media (max-width: 768px) {
  .howToSeptsSec {
    width: 100%;
  }

  .howToStepsText {
    padding: 2.5rem 2rem;
    gap: 1.2rem;
  }

  .howToStepsText .base-bold {
    font-size: 1.4rem;
  }

  .subTextHowToTherapy {
    font-size: 1.4rem;
  }
}
.HowToTheSec {
  background-color: var(--Primary);
  color: var(--Secondary);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
  padding: 6rem 4rem 4.5rem;
}

.howToTextSec {
  align-self: flex-start;
  margin: 0 0 2rem 16.2rem;
}

.howToTextSec .subMon {
  font-family: var(--font-head);
  font-size: 3rem;
  font-weight: 400;
  color: var(--Secondary);
  margin-bottom: 1rem;
}

.howToTextSec .base {
  font-family: var(--font-body);
  font-size: 1.6rem;
  color: var(--Secondary);
}

.howtoseptsSec {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 3rem;
  flex-wrap: nowrap;
  max-width: 140rem;
}

.howtoseptsSec > svg {
  color: var(--Secondary);
  flex-shrink: 0;
}

/* Mobile Styles */
@media (max-width: 768px) {
  .HowToTheSec {
    padding: 3rem 1.5rem;
  }

  .howToTextSec {
    margin: 0 0 2rem 1.5rem;
    align-self: flex-start;
  }

  .howToTextSec .subMon {
    font-size: 2.4rem;
  }

  .howToTextSec .base {
    font-size: 1.4rem;
  }

  .howtoseptsSec {
    flex-direction: column;
    gap: 2rem;
    width: 100%;
  }

  .howtoseptsSec > svg {
    transform: rotate(90deg);
  }
}
.faq-section {
  padding: 4rem 1rem;
}

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

.faq-title {
  text-align: left;
  color: var(--Font);
  margin-bottom: 3rem;
}

.faq-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  margin-bottom: 4rem;
}

.faq-column {
  display: flex;
  flex-direction: column;
}
.deviderFaq {
  border: 2px solid #d8d8d8;
}
.faq-item {
  gap: 10px;
  padding-top: 1.5px;
  margin-bottom: 1rem;
  border-radius: 0.5rem;
}

.faq-button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem;
  text-align: left;
  background: none;
  border: none;
  cursor: pointer;
  border-radius: 0.5rem;
  transition: background-color 0.2s;
}

.faq-question {
  color: var(--Secondary-Font);
  padding-right: 1rem;
  flex: 1;
  text-align: left;
}

.faq-icon {
  font-size: 2rem;
  color: var(--Secondary-Font);
  transition: transform 0.2s;
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.faq-answer.open {
  max-height: 24rem;
  opacity: 1;
}

.faq-answer-content {
  padding: 0 1.25rem 1.25rem;
  color: var(--Secondary-Font);
  text-align: left;
}

/* Responsive Design */
@media (max-width: 1024px) {
  .faq-grid {
    grid-template-columns: 1fr;
  }
  .hideBar {
    border: none;
  }
  .hideBar {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.bottomContactSec {
  display: flex;
  background-color: var(--Secondary);
  border-radius: 30px;
  margin: 14.2rem auto;
  max-width: 110rem;
  margin-top: 0;
  overflow: hidden;
  scroll-margin-top: 7rem;
}

.bottomContactInNer {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  width: 50%;
  padding: 6rem 4rem;
  align-items: stretch;
}

.contactBtmHead {
  font-family: var(--font-head);
  font-size: 3.6rem;
  font-weight: 500;
  color: var(--Font);
  margin-top: 0;
}

.orongBtnCon {
  width: 100%;
  max-width: 43rem;
}

.rightSideContact {
  display: flex;
  flex-direction: column;
  background-color: #3e6e8c;
  justify-content: center;
  align-items: center;
  gap: 3rem;
  width: 50%;
  color: var(--Secondary);
  /* padding: 6rem 4rem; */
}

.rightSideTextHeaders {
  width: 41.6rem;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.rightSideTextHeaders .base {
  font-family: var(--font-body);
  font-size: 1.6rem;
  line-height: 1.6;
  color: var(--Secondary);
}

.mapEmbedWrap {
  width: 41.6rem;
  max-width: 100%;
  height: 24rem;
  border-radius: 10px;
  overflow: hidden;
  background: #d9e4ec;
}

.mapEmbed {
  width: 100%;
  height: 100%;
  border: 0;
}

.contactInfoList {
  width: 41.6rem;
  max-width: 100%;
}

.icnonTextCon {
  display: flex;
  gap: 1.5rem;
  margin-top: 1.5rem;
  align-items: flex-start;
}

.icnonTextCon .base {
  font-family: var(--font-body);
  font-size: 1.6rem;
  color: var(--Secondary);
  flex: 1;
}

.textFieldContact {
  width: 43rem;
  max-width: 100%;
}

.textFieldContact label {
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 1.6rem;
  color: #a1a1a1;
}

.bottomConConMeth {
  width: 80%;
  text-align: start;
}

.bottomConConMeth .base {
  font-family: var(--font-body);
  font-size: 1.6rem;
  color: var(--Font);
  margin-bottom: 1rem;
}

.iconListContact {
  margin-top: 1.5rem;
  display: flex;
  justify-content: flex-start;
  gap: 1.2rem;
  flex-wrap: wrap;
}

.contactMethodBtn {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  border: 1px solid #b7bdc3;
  border-radius: 999px;
  padding: 0.9rem 1.4rem;
  color: var(--Font);
  background-color: #ffffff;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.contactMethodBtn:hover {
  background-color: #f7f7f7;
}

.contactMethodBtn[aria-pressed='true'] {
  border-color: #3e6e8c;
  background-color: #d9e4ec;
}

/* Mobile Styles */
@media (max-width: 768px) {
  .bottomContactSec {
    flex-direction: column;
    margin: 0 1.5rem 5rem;
    border-radius: 2rem;
  }

  .bottomContactInNer {
    width: 100%;
    padding: 2.5rem 2rem;
  }

  .contactBtmHead {
    font-size: 2.8rem;
    margin-top: 0;
  }

  .orongBtnCon {
    width: 100%;
    max-width: 100%;
  }

  .rightSideContact {
    width: 100%;
    padding: 3rem 2rem;
    gap: 2.5rem;
  }

  .rightSideTextHeaders {
    width: 100%;
  }

  .rightSideTextHeaders .base {
    font-size: 1.4rem;
  }

  .mapEmbedWrap {
    width: 100%;
    height: 26rem;
  }

  .contactInfoList {
    width: 100%;
  }

  .icnonTextCon {
    gap: 1.2rem;
    margin-top: 1rem;
  }

  .icnonTextCon .base {
    font-size: 1.4rem;
  }

  .textFieldContact {
    width: 100%;
  }

  .bottomConConMeth {
    width: 100%;
  }

  .bottomConConMeth .base {
    font-size: 1.4rem;
  }

  .iconListContact {
    gap: 1rem;
  }
}
.footerSec {
  background-color: var(--Primary);
  text-align: center;
  display: flex;
  flex-direction: column;
  color: var(--Secondary);
  padding: 4rem 4rem 7.2rem;
}

.footerTopText {
  font-family: var(--font-body);
  font-size: 1.6rem;
  font-weight: bold;
  color: var(--Secondary);
  line-height: 1.6;
}

.footerSecDiv {
  display: flex;
  flex-direction: row;
  margin-top: 4.2rem;
  justify-content: space-around;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.footerUL {
  display: flex;
  flex-direction: row;
  gap: 10rem;
  list-style: none;
}

.footerUL > div {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  text-align: left;
}

.footerUL .base,
.footerUL2 .base {
  font-family: var(--font-body);
  font-size: 1.6rem;
  color: var(--Secondary);
}

.footerUL a,
.footerUL2 a {
  color: var(--Secondary);
  text-decoration: none;
  transition: opacity 0.2s;
  font-size: 1.6rem;
}

.footerUL a:hover,
.footerUL2 a:hover {
  opacity: 0.8;
}

.footerUL2 {
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  list-style: none;
}

.footerUL2 > div {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.allRightsP {
  font-family: var(--font-body);
  font-size: 1.4rem;
  text-align: center;
  color: var(--Font);
  padding: 2rem 0;
  background-color: #e5e7eb;
}

/* Mobile Styles */
@media (max-width: 768px) {
  .footerSec {
    padding: 2.5rem 1.5rem 4rem;
    text-align: left;
  }

  .footerTopText {
    text-align: center;
    font-size: 1.3rem;
    line-height: 1.6;
  }

  .footerSecDiv {
    flex-direction: column;
    gap: 3rem;
    align-items: flex-start;
    margin-top: 3rem;
  }

  .footerUL {
    flex-direction: column;
    gap: 1.8rem;
  }

  .footerUL > div {
    gap: 1.8rem;
  }

  .footerUL .base,
  .footerUL2 .base {
    font-size: 1.4rem;
  }

  .footerUL2 {
    gap: 1.2rem;
  }

  .allRightsP {
    font-size: 1.2rem;
    padding: 2rem 1.5rem;
  }
}
.menuSec {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 8px;
  background: var(--Nav-Bar);
  box-shadow: 0px 4px 4px 0px #00000040;
  padding: 2rem 7rem;
  position: relative;
  z-index: 50;
}

.menuTopBar {
  display: flex;
  align-items: center;
}

.heroLogo {
  width: auto;
  height: 8rem;
  padding: 1rem;
}

/* Desktop Navigation */
.menuNav {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
  gap: 2rem;
  color: var(--Secondary-Font);
  justify-content: space-around;
}

.active {
  text-decoration: underline;
}

.firstTwoItems {
  position: relative;
}

.ourSpace {
  display: none;
  width: 10rem;
  height: 5rem;
  background-color: var(--Nav-Bar);
  box-shadow: -4px 4px 7px 0px #00000040;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 5rem;
  z-index: 1;
}

.firstTwoItems:hover .ourSpace {
  display: flex;
}
.firstTwoItems:focus-within .ourSpace {
  display: flex;
}
.firstTwoItems:hover::after {
  content: '';
  display: block;
  position: absolute;
  height: 8rem;
  width: 10rem;
}

.ourSpaceMobile {
  display: none;
}
.mobileActions {
  display: none;
  gap: 1rem;
  align-items: center;
}

.menuToggle {
  display: none;
  flex-direction: column;
  background: var(--CTA);
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  gap: 0.4rem;
  border-radius: 8px;
}

.menuToggle span {
  width: 2.5rem;
  height: 0.3rem;
  background-color: var(--Secondary);
  border-radius: 2px;
}

/* Mobile Breakpoint (< 1024px) */
@media (max-width: 1023px) {
  .menuSec {
    justify-content: space-between;
    position: sticky;
    top: 0;
    z-index: 1000;
    width: 100%;
    padding: 0 1.2rem;
    overflow: visible;
  }

  .mobileActions {
    display: flex;
  }

  .phoneBtn {
    display: flex;
    align-items: center;
    background-color: var(--CTA);
    color: var(--Secondary);
    padding: 0.7rem 1rem;
    border-radius: 6px;
    text-decoration: none;
  }

  .menuToggle {
    display: flex;
    touch-action: manipulation;
  }

  /* Small Popup Menu */
  .menuNav {
    display: none;
    position: absolute;
    top: 100%;
    right: 1.2rem;
    flex-direction: column;
    width: 18.5rem;
    background: #eeeded;
    box-shadow: -10px 10px 16px -5px #00000040;
    padding: 2rem;
    border-radius: 8px;
    z-index: 1001;
    gap: 1.5rem;
  }

  .menuNav.open {
    display: flex;
  }

  /* Hide Contact, Our Space, and Orange Button on Mobile */
  .menuNav .contactItem,
  .menuNav .orangeBtnMenu {
    display: none;
  }

  /* Mobile should never show Our Space as a dropdown */
  .menuNav .firstTwoItems .ourSpace,
  .menuNav .firstTwoItems:hover .ourSpace,
  .menuNav .firstTwoItems:focus-within .ourSpace {
    display: none;
  }

  .menuNav .ourSpaceMobile {
    display: block;
  }
}
.heroHeadingTextSec {
  text-align: center;
  max-width: 140rem;
  margin: 0 auto;
  padding: 0 4rem;
}

.WhoAreHead {
  font-family: var(--font-head);
  font-size: 3.6rem;
  font-weight: 500;
  color: var(--Font);
  margin-top: 10rem;
  margin-bottom: 3rem;
}

.secondSecDiv {
  margin: 0 auto;
  max-width: 100rem;
  background-color: var(--Secondary);
  padding: 4rem 6rem;
  border-radius: 8px;
}

.secondSecDiv .bigMon {
  font-family: var(--font-head);
  font-size: 2.4rem;
  font-weight: 400;
  color: var(--Font);
  line-height: 1.5;
}

/* Mobile Styles */
@media (max-width: 768px) {
  .heroHeadingTextSec {
    padding: 0;
  }

  .WhoAreHead {
    font-size: 2.4rem;
    margin-top: 5rem;
    margin-bottom: 2rem;
    padding: 0 1.5rem;
  }

  .secondSecDiv {
    margin: 0 1.5rem;
    padding: 2.5rem 2rem;
  }

  .secondSecDiv .bigMon {
    font-size: 2rem;
  }
}
.listOfTherapySec {
  width: 129rem;
  max-width: calc(100% - 8rem);
  border-radius: 24px;
  margin: 9rem auto;
  padding: 4.5rem 9.2rem;
  max-height: 32.6rem;
  scroll-margin-top: 9rem;
}

.Individual-Therapy-IMG {
  background: url("/assets/IndividualTherapyIMG0.25op-HZOmcgCk.png");
  background-attachment: local;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.Telehealth-IMG {
  background: url("/assets/TelehealthIMG0.25op-D16L26a5.png");
  background-attachment: local;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.Group-Therapy-IMG {
  background: url("/assets/GroupTherapyIMG0.25op-ByT9RE0g.png");
  background-attachment: local;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.Couples-Therapy-IMG {
  background: url("/assets/CouplesTherapyIMG0.25op-BJIx5VN4.png");
  background-attachment: local;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.innderListOFTh {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.typeOfTherapy {
  font-family: var(--font-head);
  font-size: 2.4rem;
  font-weight: 500;
  color: var(--Font);
}

.innderListOFTh > .base {
  font-family: var(--font-body);
  font-size: 1.6rem;
  line-height: 1.6;
  color: var(--Font);
}

.therapyListUL {
  margin-left: 4rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  list-style: disc inside;
}

.therapyListUL .base {
  font-family: var(--font-body);
  font-size: 1.4rem;
  line-height: 1.8;
  color: var(--Font);
  /* margin-bottom: 0.8rem; */
}

.listTheCta {
  font-family: var(--font-head);
  font-weight: 600;
  font-size: 1.8rem;
  color: var(--Font);
  margin-top: 1rem;
}

/* Mobile Styles */

@media (max-width: 768px) {
  .listOfTherapySec {
    width: 90%;
    max-width: unset;
    margin: 4rem auto;
    padding: 2.5rem 2rem;
    border-radius: 1.6rem;
  }

  .innderListOFTh .base {
    font-size: 1.2rem;
  }
  .typeOfTherapy {
    font-weight: 700;
    font-size: 1.3rem;
  }

  .innderListOFTh {
    gap: 1.8rem;
  }

  .innderListOFTh > .base {
    font-size: 1.4rem;
  }

  .therapyListUL {
    margin-left: 1.2rem;
  }

  .therapyListUL .base {
    font-size: 1.2rem;
    line-height: 1.6;
  }

  .listTheCta {
    font-size: 1.2rem;
  }
}
@media (max-width: 500px) {
  .innderListOFTh .base {
    font-size: 1rem;
  }
  .therapyListUL {
    margin-left: 0;
  }
}
.wowWeHelpText {
  text-align: center;
  margin: 8rem auto;
  max-width: 120rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
  padding: 0 4rem;
}

.middleText {
  text-align: center;
  font-family: var(--font-head);
  font-size: 2.4rem;
  font-weight: 400;
  color: var(--Font);
  line-height: 1.5;
  max-width: 100rem;
}

.healingStartsText {
  font-family: var(--font-head);
  font-weight: 600;
  font-size: 2rem;
  color: var(--Font);
}

/* Mobile Styles */
@media (max-width: 768px) {
  .wowWeHelpText {
    margin: 4rem 1.5rem;
    padding: 0;
    gap: 2rem;
  }

  .middleText {
    font-size: 2rem;
    text-align: center;
  }

  .healingStartsText {
    font-size: 1.8rem;
    text-align: center;
  }
}
.pageHeaderourSpace {
  text-align: center;
  margin-top: 10rem;
  font-family: var(--font-head);
  font-size: 3.6rem;
  font-weight: 500;
  color: var(--Font);
}

.textBannerOurSpace {
  width: 129.6rem;
  max-width: calc(100% - 8rem);
  border-radius: 8px;
  background-color: var(--Secondary);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4rem;
  margin: 8rem auto;
  gap: 4rem;
}

.textBannerContent {
  flex: 1;
  max-width: 60rem;
}

.spaceDesignedText {
  font-family: var(--font-head);
  font-size: 3rem;
  font-weight: 400;
  color: var(--Font);
  margin-bottom: 2.2rem;
}

.textBannerContent .base {
  font-family: var(--font-body);
  font-size: 1.6rem;
  line-height: 1.6;
  color: var(--Font);
}

.ourSpaceImg {
  width: 43rem;
  height: 27rem;
  border-radius: 8px;
  object-fit: cover;
  flex-shrink: 0;
}

.spaceIncludesSection {
  max-width: 129.6rem;
  margin: 8rem auto;
  padding: 0 4rem;
}

.spaceIncludesInnerSection {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  gap: 6rem;
}

.spaceIncLeft {
  flex: 1;
  max-width: 63.7rem;
}

.oudIncHe {
  font-family: var(--font-head);
  font-size: 3rem;
  font-weight: 400;
  color: var(--Font);
  margin-bottom: 3rem;
}

.theroomImg {
  width: 100%;
  height: 57.2rem;
  border-radius: 8px;
  object-fit: cover;
  border: 1px solid #191919;
}

.spaceInclDiv {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4rem;
}

.groupteamSec {
  width: 129.6rem;
  max-width: calc(100% - 8rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.6rem;
  margin: 12rem auto;
  text-align: center;
}

.groupteamSec .subMon {
  font-family: var(--font-head);
  font-size: 3rem;
  font-weight: 400;
  color: var(--Font);
  margin: 0;
}

.groupTeamText {
  max-width: 80rem;
  font-family: var(--font-body);
  font-size: 1.6rem;
  line-height: 1.6;
  color: var(--Font);
  margin: 0;
}

.groupImg {
  width: 70%;
  height: 70%;
  opacity: 0.75;
  border-radius: 24px;
  object-fit: contain;
}

/* Mobile Styles */
@media (max-width: 800px) {
  .pageHeaderourSpace {
    margin-top: 5rem;
    padding: 0 1.5rem;
    font-size: 2.4rem;
  }

  .textBannerOurSpace {
    width: calc(100% - 3rem);
    max-width: none;
    flex-direction: column-reverse;
    padding: 2.5rem 2rem;
    margin: 4rem 1.5rem;
    gap: 2rem;
  }

  .textBannerContent {
    max-width: 100%;
  }

  .spaceDesignedText {
    font-size: 2rem;
    margin-bottom: 1.5rem;
  }

  .textBannerContent .base {
    font-size: 1.4rem;
  }

  .ourSpaceImg {
    width: 100%;
    height: auto;
    max-height: 25rem;
  }

  .spaceIncludesSection {
    max-width: 100%;
    margin: 4rem 1.5rem;
    padding: 0;
  }

  .spaceIncludesInnerSection {
    flex-direction: column;
    align-items: center;
    gap: 3rem;
  }

  .spaceIncLeft {
    max-width: 100%;
  }

  .oudIncHe {
    font-size: 2rem;
    margin-bottom: 2rem;
  }

  .theroomImg {
    height: auto;
    max-height: 40rem;
  }

  .spaceInclDiv {
    gap: 1.5em;
  }

  .groupteamSec {
    width: calc(100% - 3rem);
    max-width: none;
    margin: 6rem 1.5rem;
    gap: 2.5rem;
  }

  .groupteamSec .subMon {
    font-size: 2.4rem;
  }

  .groupTeamText {
    max-width: 100%;
    font-size: 1.4rem;
  }

  .groupImg {
    height: auto;
    max-height: 35rem;
  }
}
.textPicSec {
  background-color: var(--Primary);
  display: flex;
  gap: 6rem;
  align-items: center;
  justify-content: center;
  padding: 5rem 4rem;
  flex-wrap: wrap;
}

.textPicHeader {
  font-family: var(--font-head);

  color: var(--Secondary);
  margin-bottom: 2rem;
}

.textPicSec p {
  color: var(--Secondary);
  width: 62.9rem;
}

.textPicSec .base {
  font-family: var(--font-body);

  line-height: 1.6;
  color: var(--Secondary);
}

.picTextImg {
  width: 41.6rem;
  height: 17.4rem;
  object-fit: cover;
  border-radius: 10px;
  flex-shrink: 0;
}

.secndpicTextImg {
  width: 30.4rem;
  height: 21.3rem;
  border-radius: 8px;
  border: 2px solid #ffffff;
  object-fit: cover;
  flex-shrink: 0;
}

/* Mobile Styles */
@media (max-width: 800px) {
  .textPicSec {
    flex-direction: column;
    gap: 2.5rem;
    padding: 3rem 2rem;
  }

  .textPicHeader {
    margin-bottom: 1.5rem;
  }

  .textPicSec p {
    width: 100%;
  }

  .picTextImg {
    width: 100%;
    height: auto;
    max-height: 20rem;
  }

  .secndpicTextImg {
    width: 50%;
    height: auto;
    object-fit: fill;
  }
}
.spaceIncSec {
  background: var(--Primary);
  width: 100%;
  min-height: 10rem;
  height: fit-content;
  border-radius: 8px;
  color: var(--Secondary);
  padding: 2rem 2.4rem;
}

.spaceIncSec .bigMon {
  font-family: var(--font-head);
  font-size: 2.4rem;
  font-weight: 400;
  color: var(--Secondary);
  margin-bottom: 0.8rem;
}

.spaceIncSec .base {
  font-family: var(--font-body);
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--Secondary);
}

/* Mobile Styles */
@media (max-width: 768px) {
  .spaceIncSec {
    padding: 1.8rem 2rem;
    min-height: auto;
  }

  .spaceIncSec .bigMon {
    font-size: 2rem;
    margin-bottom: 0.5rem;
  }

  .spaceIncSec .base {
    font-size: 1.4rem;
  }
}
.sideBarWho {
  display: flex;
  flex-direction: row;
  position: relative;
  max-width: 140rem;
  margin: 0 auto;
  padding: 16.4rem 4rem;
  gap: 4rem;
  padding-bottom: 0;
  align-items: flex-start;
}

.scrollSecContainer {
  flex: 1;
  max-width: 80rem;
  min-width: 0;
}

.mobile-only-sidebar {
  display: none;
}
.desktop-only-sidebar {
  display: block;
  flex: 0 0 42rem;
  position: sticky;
  top: 2rem;
  height: fit-content;
  align-self: flex-start;
}

.desktop-only-sidebar .rightSideWhoSec {
  position: static;
  top: auto;
}
/* Mobile Styles */
@media (max-width: 768px) {
  .sideBarWho {
    flex-direction: column;
    padding: 2rem;
    gap: 0;
  }

  .scrollSecContainer {
    max-width: 100%;
  }

  /* Toggle visibility for the specific components */
  .desktop-only-sidebar {
    display: none;
  }

  .mobile-only-sidebar {
    display: block;
    width: 100%;
    margin: 4rem 0; /* Spacing between therapist blocks */
  }
}

/* Specific Mobile Tweaks */
@media (max-width: 768px) {
  .sideBarWho {
    padding: 0;
  }
}
.scrollSec {
  width: 100%;
  height: fit-content;
  border-radius: 8px;
  text-align: start;
  color: var(--Secondary);
  background-color: var(--Primary);
  padding: 3.5rem;
  margin-bottom: 8rem;
  scroll-margin-top: 9rem;
}
.lastChild {
  margin-bottom: 0;
}
.scrollTop {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 5rem;
  gap: 2rem;
}

.scrollIMG {
  object-fit: cover;
  width: 15rem;
  height: 15rem;
  border-radius: 10rem;
  flex-shrink: 0;
}

.nameNQualDiv {
  flex: 1;
  max-width: 35.1rem;
}

.nameNQualDiv .subMon {
  font-family: var(--font-head);
  font-size: 3rem;
  font-weight: 400;
  margin-bottom: 1rem;
  color: var(--Secondary);
}

.nameNQualDiv .base {
  font-family: var(--font-body);
  font-size: 1.6rem;
  color: var(--Secondary);
}

.textScrollText {
  margin-left: 0;
}

.aboutName {
  font-family: var(--font-head);
  font-weight: 600;
  font-size: 1.8rem;
  margin-bottom: 2.2rem;
  color: var(--Secondary);
}

.mainTextScroll,
.AreExp,
.howIWorkText {
  white-space: pre-wrap;
  font-family: var(--font-body);
  font-size: 1.6rem;
  line-height: 1.6;
  color: var(--Secondary);
}

.AreExpTitle {
  font-family: var(--font-head);
  font-weight: 600;
  font-size: 1.8rem;
  margin-bottom: 1.6rem;
  color: var(--Secondary);
}

.howIWorkText {
  margin-top: 2.3rem;
}

.devider {
  width: 100%;
  border: 1.5px solid #ffffff;
  margin: 5rem 0;
}

/* Mobile Styles */
@media (max-width: 768px) {
  .scrollSec {
    width: calc(100% - 3rem);
    margin: 3rem 1.5rem;
    padding: 2.5rem 2rem;
    scroll-margin-top: 7rem;
  }

  .scrollTop {
    flex-direction: column;
    text-align: center;
    align-items: center;
    margin-bottom: 3rem;
  }

  .scrollIMG {
    margin-bottom: 1.5rem;
    width: 12rem;
    height: 12rem;
  }

  .nameNQualDiv {
    text-align: center;
  }

  .nameNQualDiv .subMon {
    font-size: 2.4rem;
    max-width: unset;
  }

  .nameNQualDiv .base {
    white-space: pre;
    font-size: 1.4rem;
  }

  .aboutName {
    font-size: 1.6rem;
    text-align: left;
  }

  .mainTextScroll,
  .AreExp,
  .howIWorkText {
    font-size: 1.4rem;
  }

  .AreExpTitle {
    font-size: 1.6rem;
  }

  .devider {
    margin: 3rem 0;
  }
}
.rightSideWhoSec {
  width: 100%;
  max-width: 42rem;
  height: fit-content;
  border: 2px solid var(--Secondary);
  background-color: var(--Shadow-Color);
  border-radius: 8px;
  padding: 3rem;
  align-self: flex-start;
  z-index: 10;
  text-align: center;
}
.orongBtnDivRightSide {
  margin-top: 3.1rem;
}
.rightSideScrollBook,
.rightSideScrollMainText {
  text-align: left;
}
.rightSideDivTopSec {
  margin-bottom: 3rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}

.rightSideDivTopSec .subMon {
  font-family: var(--font-head);
  font-size: 2.4rem;
  font-weight: 400;
  color: var(--Font);
}

.rightSideCon {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 2.5rem;
}

.rightSideConSec {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}

.rightSideConSec .base {
  font-family: var(--font-body);
  font-size: 1.6rem;
  color: var(--Font);
}

.rightSideWhoSec > .base {
  font-family: var(--font-body);
  font-size: 1.6rem;
  line-height: 1.6;
  color: var(--Font);
}

/* Mobile Styles */
@media (max-width: 768px) {
  .rightSideWhoSec {
    position: static;
    width: calc(100% - 3rem);
    margin: 3rem 1.5rem;
    padding: 2.5rem 2rem;
  }

  .rightSideDivTopSec {
    flex-direction: column;
    text-align: center;
    gap: 1.5rem;
    margin-bottom: 3rem;
  }

  .rightSideDivTopSec .subMon {
    font-size: 2rem;
  }

  .rightSideConSec {
    align-items: flex-start;
    gap: 1rem;
  }

  .rightSideConSec .base {
    font-size: 1.4rem;
  }

  .rightSideWhoSec > .base {
    font-size: 1.4rem;
  }
}