.nestSection {
  font-family: var(--font-Nunito);
}

.myNest {
  width: 100%;
  height: 100vh;
  background-color: #fffefb4f;
}

.myNest_banner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-image: url(https://d1yhl3hhovxmag.cloudfront.net/gshr/assets/images/mynest/abstracts.svg?v1);
}

.myNest_banner_text h2 {
  font-size: clamp(1.8rem, 3.4vw, 4.8rem);
  font-family: var(--font-Plus-Jakarta);
}

.myNest_banner_text h2 {
  font-size: clamp(1.8rem, 3.4vw, 4.8rem);
  font-family: var(--font-Plus-Jakarta);
}

.nest_clr {
  color: var(--color-secondary);
}

.myNest_banner_text p {
  font-family: var(--font-Plus-Jakarta);
  font-size: clamp(1.4rem, 1.3vw, 1.8rem);
  font-weight: var(--font-weight-400);
  color: var(--color-gray);
  line-height: 1.5;
}

.myNest_banner_text a {
  font-family: var(--font-Plus-Jakarta);
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-500);
  background-color: var(--color-primary-black);
  color: var(--color-white);
  text-decoration: none;
  display: flex;
  align-items: center;
  height: 5rem;
  width: max-content;
  padding: 0 2rem;
  border-radius: 0.8rem;
  z-index: 4;
}

.nest_clr {
  color: var(--color-secondary);
}

.fade-in {
  opacity: 0;
  position: relative;
  display: inline-block;
  animation: fadeUp 1s forwards;
}

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

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

.myNest_banner_text a:hover {
  outline: 1px solid rgb(18, 18, 18);
  border: 2px solid var(--color-white);
}

.myNest_banner_text {
  max-width: 80rem;
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4.5rem;
}

.MyNest_surveys {
  display: flex;
  max-width: 100rem;
  width: 100%;
  justify-content: space-between;
}

.MyNest_left_surveys,
.MyNest_right_surveys {
  display: flex;
  gap: 1rem;
  position: relative;
}

.MyNest_right_surveys .MyNest_pos:nth-child(1) {
  position: absolute;
  border-radius: 0.8rem;
  padding: 1rem;
  bottom: 15rem;
}

.MyNest_right_surveys .MyNest_pos:nth-child(2) {
  width: auto;
  height: 100%;
  position: absolute;
  border-radius: 0.8rem;
  padding: 1rem;
  bottom: 3rem;
  right: 8rem;
}

.MyNest_right_surveys .MyNest_pos:nth-child(3) {
  position: absolute;
  border-radius: 0.8rem;
  right: -12rem;
  top: 2rem;
  display: flex;
  gap: 1.4rem;
  padding: 0.8rem 1.6rem;
}

.MyNest_right_surveys .MyNest_pos:nth-child(4) {
  position: absolute;
  border-radius: 0.8rem;
  top: 10rem;
  right: 8rem;
}

.MyNest_right_surveys .MyNest_pos span {
  font-size: 1.2rem;
  font-family: var(--font-Plus-Jakarta);
}

.MyNest_pos {
  background: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.2rem;
  box-shadow: 0px 2px 8px 0px rgba(190, 171, 139, 0.2);
}

.MyNest_arrow {
  position: absolute;
  right: -16rem;
  bottom: 15rem;
  border-radius: 0.8rem;
}

.MyNest_tag {
  position: absolute;
  bottom: 7rem;
  right: -8rem;
}

.MyNest_chart .star_img {
  width: 14.5rem;
  height: 5.8rem;
}

.MyNest_location {
  position: absolute;
  left: 19rem;
  top: 6rem;
  padding: 1rem;
  width: 16rem;
  gap: 1rem;
}

.MyNest_pos .location_img {
  width: 7.2rem;
  height: 7.2rem;
}

.MyNest_pos .car_img {
  width: 7rem;
  height: 7rem;
}

.MyNest_pos .todo_img {
  width: 6.6rem;
  height: 6.6rem;
}

.MyNest_pos .chart_img {
  width: 100%;
  height: 7.6rem;
}

.book_img {
  width: 5rem;
  height: 5rem;
}

.tag_img {
  width: 6rem;
  height: 6rem;
}

.MyNest_location img {
  width: 4rem;
  height: auto;
}

.MyNest_location span {
  font-size: var(--font-size-14);
  font-family: var(--font-Plus-Jakarta);
}

.anime_bg {
  background-color: transparent;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  position: absolute;
  top: 0;
}

.anime_bg img {
  width: 50%;
  z-index: 1;
  position: relative;
}

.bg-primary {
  border-radius: 609.974px;
  background: radial-gradient(
    53.07% 58.71% at 50% 50%,
    rgba(236, 171, 57, 0.7) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  filter: blur(61px);
}

.bg-teal {
  border-radius: 609.974px;
  background: radial-gradient(
    53.07% 58.71% at 50% 50%,
    rgba(236, 171, 57, 0.7) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  filter: blur(61px);
}

.bg-shape1 {
  width: 50rem;
  height: 50rem;
  position: relative;
  animation: one 20s alternate infinite;
  z-index: -1;
}

.bg-shape2 {
  width: 50rem;
  height: 50rem;
  position: relative;
  animation: two 20s alternate infinite;
  z-index: -1;
}

.looking_for {
  position: absolute;
  inset: 0;
  justify-content: center;
  width: 100%;
  overflow: hidden;
}

@keyframes one {
  0% {
    left: 0rem;
    top: 0rem;
  }

  25% {
    left: 70%;
    top: 20rem;
  }

  50% {
    right: 100%;
    top: 15rem;
  }

  75% {
    left: -40%;
    top: 30rem;
  }

  100% {
    left: 40%;
    top: -10rem;
  }
}

@keyframes two {
  0% {
    left: 100%;
    top: 0rem;
  }

  25% {
    left: 0%;
    top: 10rem;
  }

  50% {
    right: 100%;
    top: 15rem;
  }

  75% {
    left: 40%;
    top: -50rem;
  }

  100% {
    left: -40%;
    top: 10rem;
  }
}

/* Employees comfort */
.employee_comfort {
  width: 100%;
  background: linear-gradient(
    180deg,
    rgba(253, 247, 235, 0.9) -5.61%,
    rgba(255, 255, 255, 0.24) 26.79%,
    #fff 75.36%
  );
}

.common_hdr {
  font-size: var(--font-size-48);
  font-weight: var(--font-weight-700);
  color: var(--color-primary-black);
  font-family: var(--font-Plus-Jakarta);
}

.common_para {
  font-size: var(--font-size-18);
  font-weight: var(--font-weight-400);
  color: var(--color-light-gray);
  font-family: var(--font-Nunito);
  margin-top: 1.5rem;
  line-height: 1.5;
}

.common_title {
  text-align: center;
}

.common_viewport {
  max-width: 1200px;
  width: 100%;
  margin: auto;
}

.empCard {
  width: 100%;
  border: 1px solid #f1f4f8;
  background: linear-gradient(0deg, #fff 0%, #fff 100%),
    linear-gradient(154deg, #fbefda -5%, #fff 34.49%);
  box-shadow: 0px 2px 24px 2px rgba(149, 110, 27, 0.06);
  border-radius: 2rem;
  padding: 2.4rem;
}
.empNote {
  margin-top: 2.4rem;
}

.empNote h2 {
  color: var(--color-primary-black);
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-600);
  font-family: var(--font-Nunito);
  padding-bottom: 0.4rem;
}

.empNote p {
  color: var(--color-light-gray);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-400);
  font-family: var(--font-Nunito);
  line-height: 1.5;
}

.empWrapper {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.6rem;
  border-radius: 3rem;
  border: 1px solid #f1f4f8;
  background: var(--color-white);
  padding: 3.2rem;
}

/* seat and relax */
.seatRelax {
  background-color: #f9fafb;
}

.seatRelaxSec {
  width: 100%;
  display: flex;
  padding: 2rem 2rem;
  background-image: url(https://d1yhl3hhovxmag.cloudfront.net/gshr/assets/images/mynest/make_bg.svg?v1);
  background-position: center;
  background-size: cover;
  position: relative;
  border-radius: 1.2rem;
  overflow: hidden;
}

.seatRelaxLeft {
  width: 55%;
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
  padding: 0 9.5rem 0 5rem;
}

.seatRelaxRight {
  width: 40%;
  position: relative;
  display: flex;
  align-items: end;
  height: 42rem;
}

.rightSec_img img {
  width: 100%;
  height: auto;
}

.parent_sec .first {
  position: absolute;
  top: 0;
  right: 1.3rem;
  width: 100%;
  max-width: 7.7rem;
  background-color: var(--color-white);
}

.parent_sec .second {
  position: absolute;
  top: 8rem;
  left: 0rem;
  width: 100%;
  max-width: 10.7rem;
  background-color: var(--color-white);
}

.parent_sec .second img {
  position: absolute;
  right: -6rem;
  top: 9.1rem;
}

.second_choose img {
  width: 51px;
  height: auto;
}

.parent_sec .third {
  position: absolute;
  bottom: 10rem;
  right: -1.3rem;
  width: 100%;
  max-width: 14.4rem;
  background-color: var(--color-white);
}

.banner_rhtCnr {
  position: absolute;
  bottom: 0rem;
  right: 0;
  transform: translate(2.5rem, 2.5rem);
}

.banner_rhtCnr img {
  width: 100%;
  height: auto;
}

/* company culture */
.cmpny_cltre {
  background-color: #f9fafb;
}

.companyCultureSec {
  width: 100%;
}

.cmyContent {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

.delivery_para {
  display: flex;
}

.grdSec_one {
  grid-row: 1 / 3;
  grid-column: 1 / 2;
}

.grdSec_two {
  grid-row: 1 / 2;
  grid-column: 2 / 3;
}

.grdSec_three {
  grid-row: 1 / 3;
  grid-column: 3 / 4;
}

.grdSec_four {
  grid-row: 2 / 3;
  grid-column: 2 / 3;
}

.cmn_grid {
  border-radius: 1.6rem;
  border: 1px solid var(--Stroke, #f1f1f1);
  background: var(--color-white);
  padding: 1.6rem;
}

.quickDelivery {
  flex-direction: row !important;
}

.emp_suggest {
  display: flex;
  align-items: center;
  gap: 8rem;
}

.cmyDetail {
  flex-direction: column;
  height: 100%;
}

.cmyDetail h2 {
  color: var(--color-primary-black);
  font-size: var(--font-size-20);
  font-weight: var(--font-weight-700);
  font-family: var(--font-Nunito);
  margin-bottom: 1rem;
}

.cmyDetail p {
  color: var(--color-light-gray);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-400);
  font-family: var(--font-Nunito);
  line-height: 1.5;
}

.join_mynest {
  width: 100%;
}

.join_mynest_family {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 307px;
  text-align: center;
  background-image: url(https://d1yhl3hhovxmag.cloudfront.net/gshr/assets/images/mynest/join_bg.svg?v1);
  padding: 4.2rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  overflow: hidden;
  border-radius: 1.3rem;
}

.join_mynest_family h2 {
  font-size: var(--font-size-48);
  font-weight: var(--font-weight-700);
  color: var(--color-primary-black);
  font-family: var(--font-Plus-Jakarta);
  padding-bottom: 1.2rem;
}

.join_mynest_family p {
  font-size: var(--font-size-18);
  font-weight: var(--font-weight-400);
  font-family: var(--font-Plus-Jakarta);
  color: var(--color-light-gray);
  max-width: 70rem;
  width: 100%;
  padding-bottom: 2.4rem;
  line-height: 1.5;
}

.becme_mbr_gtsrt {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-400);
    font-family: var(--font-Plus-Jakarta);
    color: var(--color-white);
    background: var(--color-black);
    text-decoration: none;
    display: flex;
    align-items: center;
    height: 5rem;
    width: max-content;
    padding: 0 3rem;
    border-radius: .8rem;
    cursor: pointer;
}
.How_Mynest {
  width: 100%;
}

.How_MynestSec {
  background: url(https://d1yhl3hhovxmag.cloudfront.net/gshr/assets/images/mynest/visualise_bg.svg?v1);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.How_Mynest_head {
  position: relative;
  width: 100%;
  text-align: center;
}

.How_Mynest_head_pop_svg{
  position: absolute;
  top: 70px;
  right: 80px;
}
.How_Mynest_visual {
  display: flex;
  justify-content: center;
  gap: 2rem;
  width: 100%;
  margin: auto;
  align-items: center;
  position: relative;
}

.How_mynest_visual_content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.How_mynest_visual_content.active h2 {
  font-size: var(--font-size-24);
  font-weight: var(--font-weight-700);
  font-family: var(--font-Plus-Jakarta);
  color: var(--color-primary-black);
}

.How_mynest_visual_content.active p {
  font-size: var(--font-size-18);
  font-weight: var(--font-weight-400);
  font-family: var(--font-Nunito);
  color: var(--color-light-gray);
}

.How_mynest_visual_content.active svg {
  width: 3rem;
  height: 3.2rem;
}

.How_mynest_visual_content.active svg .oval {
  fill: #ecab39;
}

.How_mynest_visual_content h2 {
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-600);
  font-family: var(--font-Plus-Jakarta);
  color: var(--color-light-gray);
}

.How_mynest_visual_content p {
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-400);
  font-family: var(--font-Nunito);
  color: #b0b0b0;
  line-height: 1.5;
}

.How_mynest_visual_content svg {
  width: 2rem;
  height: 2.2rem;
}

.How_mynest_visual_content svg .oval {
  fill: none;
}

.How_mynest_visual_list {
  display: flex;
  gap: 20px;
  flex-direction: column;
  justify-content: space-evenly;
}

.How_mynest_visual_img {
  position: relative;
  flex-basis: 40%;
  width: 100%;
  display: flex;
  align-items: center;
}

.mynest_arrow_move {
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  /* align-self: flex-start; */
}

.how_mynest_play_btn{
  width: 70px;
  height: 70px;
  border: 1px solid #BD892E;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
}

.How_mynest_visual_list {
  flex-basis: 60%;
  width: 100%;
  max-width: 55rem;
}

.mynest_visualLogo {
  width: min(100vw - 70vw);
}

.customisationControlSec {
  width: 100%;
  background: #f9fafb;
}

.customisationCards {
  display: flex;
  gap: 3rem;
  justify-content: center;
  flex-wrap: wrap;
}

.organisation-title {
  color: var(--color-primary-black);
  font-family: var(--font-Nunito);
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-700);
  padding: 1.8rem 1.6rem 0;
}

.organisation-image {
  position: relative;
  padding: 3rem 1.5rem 2.5rem;
}

.organisation-image img {
  width: 100%;
  height: auto;
}

.organisation-description {
  color: var(--color-light-gray);
  font-family: var(--font-Nunito);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-400);
  padding: 0 1.6rem;
  line-height: 1.5;
}

.card_common {
  background: url(https://d1yhl3hhovxmag.cloudfront.net/gshr/assets/images/mynest/card_bg.svg?v1);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  max-width: 30.6rem;
  height: 40rem;
  cursor: pointer;
}

.custom_card1 {
  transform: rotateZ(-12deg);
}

.custom_card2 {
  transform: rotateZ(3deg);
}

.custom_card3 {
  transform: rotateZ(12deg);
}

.hdr_animation {
  width: 14rem;
  margin: auto;
}

.relax_animation {
  width: 14rem;
}

.fst_img {
  margin: 6rem 0 0;
}

.emple_detail {
  width: 65%;
}

.delivery_fredm {
  width: 35% !important;
}
.delivery_img {
  width: 100%;
}

.notifyEmployees {
  width: 50%;
  margin: auto;
}
.cardAnimation_left,
.cardAnimation_right {
  transition: transform 0.3s ease;
}

.card_common:hover .cardAnimation_right {
  transform: translateY(14rem);
}

.card_common:hover .cardAnimation_left {
  transform: translateY(-8rem);
}

.card_common:hover .firstCard_parent {
  fill: rgb(255, 239, 214);
}

.card_common:hover .firstCard_fill {
  fill: #ffcd1a;
}

.card_common:hover .secondCard_parent {
  fill: #f7e1ff;
}

.card_common:hover .secondCard_fill {
  fill: #cd9ad1;
}

.card_common:hover .thirdCard_parent {
  fill: #dff0ff;
}

.card_common:hover .thirdCard_fill {
  fill: #689EE2;
}
/* card animation end */
.card_image {
  height: 30rem;
  border-radius: 1.5rem;
}
.emplyeCrdPicPar .bookCabs {
  background: linear-gradient(
    180deg,
    #d2e1ff -41.01%,
    #fff 97.33%,
    rgba(57, 120, 236, 0.1) 174.49%
  );
}

.emplyeCrdPicPar .foodPicks {
  background: linear-gradient(
    180deg,
    #ffe9c1 -32.17%,
    #fff 96.48%,
    rgba(236, 171, 57, 0.1) 158.11%
  );
}

.emplyeCrdPicPar .raiseTickets {
  background: linear-gradient(
    180deg,
    #f5ddff -57.49%,
    #fff 97.91%,
    rgba(206, 57, 236, 0.1) 172.53%
  );
}

.emplyeCrdPicPar .surveyFor {
  background: linear-gradient(
    180deg,
    #ffdef1 -41.84%,
    #fff 98.17%,
    rgba(236, 57, 126, 0.1) 167.19%
  );
}

.faq_max {
  width: 100%;
  margin-top: 6rem !important;
}

.faq_scrthngHdBtnBgPar {
  width: 100%;
  height: 12rem;
  background-image: url(https://d1yhl3hhovxmag.cloudfront.net/gshr/assets/images/mynest/faq_hdr_bg2.svg?v1);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.mynest .section_heading {
  font-size: var(--font-size-40);
  font-size: clamp(2rem, 4vw, 4rem);
  font-weight: var(--font-weight-600);
  text-align: center;
}

.faq_acc_section {
  padding: unset;
}

.faq_acc_section::after {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(https://d1yhl3hhovxmag.cloudfront.net/gshr/assets/images/mynest/myNest_FAQ_bg.svg?v1);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  filter: blur(10px);
}

.common-pd {
  padding: 0 6rem;
}

.commonSec-pd-tp {
  padding-top: 6rem;
}

.empWrapper {
  margin: 4rem 0 6rem;
}

.sec-padding {
  padding: 4rem 0 6rem;
}

.lineAnimation {
  height: 30px;
}
.mynest_family_left {
  position: absolute;
  left: -20%;
  bottom: 5%;
  animation: joinfamly 8s infinite linear;
}
.mynest_family_right {
  position: absolute;
  right: -20%;
  animation: joinfamly 8s infinite linear;
}
.mynest_family_right img,
.mynest_family_left img {
  width: 100%;
  height: auto;
}

@keyframes joinfamly {
  0% {
    transform: rotate(0deg);
  }
  12.5% {
    transform: rotate(45deg);
  }
  25% {
    transform: rotate(90deg);
  }
  37.5% {
    transform: rotate(135deg);
  }
  50% {
    transform: rotate(180deg);
  }
  62.5% {
    transform: rotate(225deg);
  }
  75% {
    transform: rotate(270deg);
  }
  87.5% {
    transform: rotate(315deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@media (max-width: 1440px) {
  .myNest_banner {
    gap: 10rem;
  }

  .myNest_banner_text {
    max-width: 60rem;
  }

  .MyNest_surveys {
    max-width: 70rem;
  }
  .how_mynest_play_btn{
    left: 40%;
  }
}
@media (max-width: 1200px) {
  .mynest_family_left,
  .mynest_family_right {
    width: 360px;
    height: 360px;
  }
}

@media (max-width: 1024px) {
    .myNest_banner {
        gap: 16rem;
    }
    .myNest_banner_text {
        max-width: 60rem;
        gap: 2.5rem;
    }
    .MyNest_surveys {
        max-width: 43rem;
    }

    .anime_bg img {
        width: 100%;
    }

    .anime_bg img:nth-child(4) {
        display: none;
    }

    .anime_bg img:nth-child(5) {
        display: none;
    }

    .anime_bg img:nth-child(6) {
        display: none;
    }

    .empWrapper {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .common_hdr {
        font-size: var(--font-size-26);
    }

    .common_para {
        font-size: var(--font-size-16);
    }

    .seatRelaxLeft,
    .seatRelaxRight {
        width: 100%;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 2.4rem 1.2rem;
    }

    .seatRelaxSec {
        flex-direction: column;
    }

    .cmyContent {
        grid-template-columns: repeat(2, 1fr);
    }

    .grdSec_one {
        grid-row: 1 / 3;
        grid-column: 1 / 2;
    }

    .grdSec_two {
        grid-row: 3 / 4;
        grid-column: 1;
    }

    .grdSec_three {
        grid-row: 2 / 4;
        grid-column: 2 / 3;
    }

    .grdSec_four {
        grid-row: 1 / 2;
        grid-column: 2 / 3;
    }

    .join_mynest_family h2 {
        font-size: var(--font-size-32);
    }

    .join_mynest_family p {
        font-size: var(--font-size-16);
    }

    .becme_mbr_gtsrt {
        font-size: var(--font-size-14);
    }

    .How_mynest_visual_content.active h4 {
        font-size: var(--font-size-16);
    }

    .How_mynest_visual_content.active p {
        font-size: var(--font-size-14);
    }

    .visual_content {
        display: flex;
        align-items: center;
        gap: 1.3rem;
    }

    .rightSec_img img {
        width: 28.5rem;
    }

    .seatRelaxRight {
        height: 32rem;
    }

    .empNote {
        margin-top: 2rem;
    }

    .book_img {
        width: 2.8rem;
        height: 2.8rem;
    }

    .MyNest_pos .location_img {
        width: 4rem;
        height: 4rem;
    }

    .tag_img {
        width: 4.4rem;
        height: 4.4rem;
    }

    .MyNest_pos .todo_img {
        width: 4.4rem;
        height: 4.4rem;
    }

    .MyNest_pos .car_img {
        width: 5rem;
        height: 5rem;
    }

    .common-pd {
        padding: 0 2.4rem;
    }

    .commonSec-pd-tp {
        padding-top: 4.8rem;
    }

    .empWrapper,
    .empCard {
        padding: 2rem;
    }

    .customisationCards {
        padding: 5rem 2.8rem;
    }

    .empWrapper {
        margin: 3.2rem 0 4.8rem;
    }
    .mynest_family_right{
        top: 30%;
    }
    .mynest_family_left{
        bottom: 25%;
    }
    .mynest_family_left, .mynest_family_right {
        width: 310px;
        height: 310px;
    }
}

@media (max-width: 767px) {
  .MyNest_left_surveys,
  .MyNest_right_surveys {
    position: unset;
  }

  .myNest_banner {
    position: relative;
    gap: 6rem;
  }

  .myNest_banner_text {
    max-width: 33.6rem;
  }

  /* banner section */
  .MyNest_right_surveys .MyNest_pos:nth-child(1) {
    top: 15rem;
    left: 2.6rem;
    bottom: auto;
  }

  .MyNest_right_surveys .MyNest_pos:nth-child(2) {
    top: 60%;
    bottom: auto;
    left: 0.8rem;
    right: auto;
  }

  .MyNest_right_surveys .MyNest_pos:nth-child(3) {
    right: auto;
    bottom: 22%;
    top: auto;
    left: 10%;
  }

  .MyNest_right_surveys .MyNest_pos:nth-child(4) {
    bottom: 10%;
    left: 0%;
    top: auto;
    right: auto;
  }

  .MyNest_arrow {
    right: 5%;
    bottom: auto;
    top: 20%;
  }

  .MyNest_tag {
    bottom: 30%;
    right: 10%;
  }

  .MyNest_chart {
    position: absolute;
    top: 73%;
    right: 12%;
    width: 12rem;
    height: 5rem;
  }

  .MyNest_location {
    left: auto;
    top: auto;
    right: 0;
    bottom: 10%;
    width: 14rem;
  }

    .MyNest_left_surveys,
    .MyNest_right_surveys {
        position: unset;
    }

    .myNest_banner {
        position: relative;
        gap: 6rem;
    }

    .myNest_banner_text {
        max-width: 33.6rem;
    }


    /* banner section */
    .MyNest_right_surveys .MyNest_pos:nth-child(1) {
        top: 15rem;
        left: 2.6rem;
        bottom: auto;
    }

    .MyNest_right_surveys .MyNest_pos:nth-child(2) {
        top: 60%;
        bottom: auto;
        left: .8rem;
        right: auto;
    }

    .MyNest_right_surveys .MyNest_pos:nth-child(3) {
        right: auto;
        bottom: 22%;
        top: auto;
        left: 10%;
    }

    .MyNest_right_surveys .MyNest_pos:nth-child(4) {
        bottom: 10%;
        left: 0%;
        top: auto;
        right: auto;
    }

    .MyNest_arrow {
        right: 5%;
        bottom: auto;
        top: 20%;
    }

    .MyNest_tag {
        bottom: 30%;
        right: 10%;
    }

    .MyNest_chart {
        position: absolute;
        top: 73%;
        right: 12%;
        width: 12rem;
        height: 5rem;
    }

    .MyNest_location {
        left: auto;
        top: auto;
        right: 0;
        bottom: 10%;
        width: 14rem;
    }


    .empNote p {
        font-size: var(--font-size-12);
    }

    .empCard {
        padding: 1.2rem;
    }

    .common_hdr {
        font-size: var(--font-size-20);
    }

    .common_para {
        font-size: var(--font-size-14);
    }

    /* company culture */
    .cmyContent {
        grid-template-columns: 1fr;
    }

    .grdSec_one {
        grid-row: 1 / 2;
        grid-column: 1 / 4;
    }

    .grdSec_two {
        grid-row: 2 / 3;
        grid-column: 1 / 4;
    }

    .grdSec_three {
        grid-row: 3 / 4;
        grid-column: 1 / 4;
    }

    .grdSec_four {
        grid-row: 4;
        grid-column: 1 / 4;
    }

    .cmyContent {
        gap: 1.2rem;
    }

    .join_mynest_family h2 {
        font-size: var(--font-size-18);
    }

    .join_mynest_family p {
        font-size: var(--font-size-14);
    }

    .becme_mbr_gtsrt {
        font-size: var(--font-size-12);
    }

    .join_mynest_family h2 {
        padding-bottom: .8rem;
    }

    .How_Mynest_visual {
        flex-direction: column;
    }

    .mynest_visualLogo {
        width: 100%;
    }

    .How_mynest_visual_list_mobile {
        overflow: hidden;
        height: 12rem;
    }

    .mynest_arrow_move {
      top: auto;
      bottom: 0;
      transform: rotateY(130deg);
    }

    .How_mynest_visual_list {
        gap: 25px;
        transform: translateY(0px);
        transition: transform 0.4s ease-in-out;
    }

    .How_mynest_visual_content {
        text-align: center;
        align-items: center;
        gap: 1rem;
    }

    .customisationCards {
        flex-direction: column;
        align-items: center;
    }

    .rightSec_img img {
        width: 14.3rem;
    }

    .parent_sec .third {
        max-width: 8.9rem;
    }

    .parent_sec .second {
        max-width: 7.4rem;
    }

    .parent_sec .first {
        max-width: 5.6rem;
        top: 1.8rem;
        right: 2rem;
    }
    .empNote {
        margin-top: 1.2rem;
    }

    .myNest_banner_text {
        gap: 2.8rem;
    }

    .myNest_banner_text p {
        line-height: 1.8;
    }

    .common-pd {
        padding: 0 1.2rem;
    }

    .commonSec-pd-tp {
        padding-top: 3.2rem;
    }

    .empWrapper,
    .empCard {
        padding: 1.2rem;
    }

    .faq_scrthngHdBtnBgPar {
        background-image: url(https://d1yhl3hhovxmag.cloudfront.net/gshr/assets/images/mynest/mobFaq_hdr_bg2.svg?v1);
        background-size: cover;
    }

    .card_image{
        height: 23rem;
    }
    .MyNest_location img {
        width: 3rem;
    }
    .MyNest_location span{
        font-size: var(--font-size-12);
    }
    .mynest_family_left, .mynest_family_right {
        width: 230px;
        height: 230px;
    }
    .mynest_family_left {
        top: -25%;
        bottom: unset;
    }
    .mynest_family_right {
        top: 40%;
    }
}
@media (max-width: 480px) {
  .cmyDetail h2 {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-600);
  }
  .cmyDetail p {
    font-size: var(--font-size-12);
  }
  .notifyEmployees {
    width: 70%;
  }
  .letEmployees {
    width: 70%;
  }
  .workTogether {
    width: 70%;
  }
  .common_para {
    font-size: var(--font-size-12);
  }
  .emp_suggest {
    gap: 2rem;
  }
  .fst_img {
    margin: 2rem 0 0;
  }
  .mynest_family_right {
    top: 70%;
  }
  .mynest_family_left {
    top: -50%;
  }
}