body {
  background: var(--black);
}


.hide {
  display: none;
}

.white-medium {
  color: var(--grey18) !important;
  font-family: "go-medium" !important;
}

.ugclassprofile {
  margin-bottom: 0 !important;
}

.brightImg {
  filter: brightness(1.3);
}

.PopupformWrapper {
  align-items: flex-start;
}

.consent {
  color: var(--black);
  font-size: 12px;
  font-family: var(--go-regular);
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 30px;
}

.go-BreatherHeadingNew {
  font-size: 64px;
  line-height: 120%;
  font-family: var(--go-regular);
  font-weight: 400;
  text-align: center;
}

.go-sectionHeading {
  font-size: 30px;
  line-height: 120%;
  font-family: var(--go-regular);
  font-weight: 400;
}

.go-Hero {
  font-size: 42px;
  line-height: 120%;
  font-family: var(--go-regular);
  font-weight: 400;
}

.fr-Hero-italic {
  font-size: 50px;
  line-height: 120%;
  font-weight: 400;
  font-style: italic;
  font-family: "Fraunces", serif;
}

 .stickyBottom {
    background: var(--black);
    background: linear-gradient(var(--black) 0 0) padding-box, linear-gradient(90deg, #39b6d8 6.41%, #f7d344 51.47%, #e38330 96.52%) border-box;
    border-top: 2px solid transparent;
    padding: 0 !important;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 99999;



    .bottomWrapper {
      display: flex;
      padding: 13px 0;
      justify-content: space-between;
      align-items: center;
      gap: 20px;
    }

    .stickyLeft {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 4px;
    }

    .stickyTxt {
      color: var(--white);
      font-size: 16px;
      line-height: 120%;
      font-family: var(--go-semibold);
    }

    .stickySubTxt {
      color: var(--grey4);
      font-size: 14px;
      line-height: 120%;
      font-family: var(--go-regular);
    }

  }




.link-red-arrow {
  color: #E38330 !important;
  font: 14px "go-medium";
  line-height: 160%;
  display: flex;
  gap: 10px;

  /* align-items: center; */
}

.custom-select {
  max-width: 231px;
  text-overflow: ellipsis;
  box-sizing: border-box;
  position: relative;
}

.internshipSwiperClassTbm {
  overflow: hidden !important;
  width: 100%;
}


.astroUgPsm {

  .tempText {
    font: 13px 'go-regular';
    line-height: 150%;
  }

  .link-red {
    color: #E38330 !important;
    font-size: 14px;
    line-height: 160%;
    text-decoration: underline !important;
    cursor: pointer;
    font-family: "go-medium";
  }

  .heroSection {
    position: relative;
    line-height: 0;
    z-index: 9;
    padding: 0px 0 0;
    overflow: hidden;
    min-height: 100vh;
    background: #020202;

    .overlay {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(to top, rgba(0, 0, 0, 1.9), transparent);
      pointer-events: none;
    }


    .heroSection::before {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      z-index: 1;
      background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.0) 60%);
    }

    .heroSectionContent .go-HeroSubtitle {
      color: var(--white);
    }

    .heroSectionContent {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translate(-50%, -30%);
      display: flex;
      align-items: center;
      flex-direction: column;
      text-align: center;
      width: 60%;
      z-index: 3;
    }

    .go-HeroSubtitle {
      margin-top: 24px;

      .textHighlight {
        color: var(--white);
      }
    }

    .heroSectionBtnWrap {
      display: flex;
      gap: 16px;
      align-items: center;
      margin-top: 32px;
      width: 100%;
      justify-content: center;
    }

    .heroSectionImg {
      height: 90vh;

      .video-container {
        max-width: 100%;

        video {
          width: 100%;
          min-height: 100vh;
        }
      }

      .mobilevideo {
        width: 100%;
      }
    }
  }

  .heroSection::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0) 100%);
  }

  .boxBreather {
    padding: 40px !important;
    background: var(--black);

    .boxContainer {
      display: flex;
      align-items: stretch;
      backdrop-filter: blur(9.550000190734863px);
      background: rgba(27, 27, 27, 0.63);
      border-radius: 16px;
      gap: 25px;
      border: 1px solid var(--grey15);
      padding: 24px;
      width: 100%;
      justify-content: space-between;
    }

    .boxiContent {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 8px;
      min-width: 160px;
    }

    .formatPara {
      font-size: 11px;
      text-transform: uppercase;
      line-height: 150%;
      font-family: var(--go-semibold);
      color: var(--grey10);
      letter-spacing: 1px;
    }

    .twelthSup {
      font-size: 14px;
      font-family: var(--go-semibold);
      line-height: 0;
    }

    .formatHeading {
      font-size: 24px;
      line-height: 120%;
      font-family: var(--go-semibold);
      color: var(--white);
    }

    .optPara {
      color: var(--grey18);
      font-size: 16px;
      line-height: 120%;
      font-family: var(--go-regular);
    }

    .stretchedLine {
      width: 1px;
      background: var(--grey15);
    }
  }

  .courseBreather {
    padding: 0 !important;
    background: url(https://images.mastersunion.link/uploads/04042026/v1/Vector13513.svg) no-repeat, var(--black);
    background-size: cover;
    background-repeat: no-repeat;
    line-height: 0;
    height: 100vh;

    .courseHeadingWrapper {
      display: flex;
      align-items: center;
      gap: 15px;
      flex-direction: column;
      justify-content: center;
      top: 40%;
      width: 100%;
      position: absolute;
    }

    .go-BreatherHeadingNew {
      font-size: 64px;
      line-height: 120%;
      font-family: var(--go-regular);
      font-weight: 400;
      text-align: center;
    }

    .courseHead {
      display: flex;
      padding: 14px 20px;
      flex-direction: column;
      align-items: flex-start;
      gap: 4px;
      border-radius: 8px;
      background: linear-gradient(119deg, rgba(0, 0, 0, 0.35) 43.01%, rgba(102, 102, 102, 0.35) 103.97%);
      backdrop-filter: blur(8.5px);
      border: 1px solid rgba(255, 255, 255, 0.10);
      width: fit-content;

    }

    .pmDivi {
      position: relative;
    }

    .pmDivi>img {
      min-height: 100vh;
      object-fit: cover;
    }

    .headDesignation {
      line-height: 120%;
      font-size: 16px;
      line-height: 120%;
      color: var(--white);
    }

    .headName {
      font-size: 22px;
      font-style: italic;
      font-weight: 400;
      line-height: 120%;
      font-family: '"Fraunces", serif';
      color: var(--white);
    }

    .nameWrapper {
      display: flex;
      width: 100%;
      justify-content: space-between;
      position: absolute;
      bottom: 4%;
      padding: 0 3%;
      position: absolute;
    }


  }



  .stickymenu {
    padding: 0;
    border-block: 1px solid var(--black5);
    background: var(--black);
    position: sticky;
    top: 2.9rem;
    z-index: 9990;
    /* display: flex;
    align-items: center; */
    /* top: 50px; */


    .iconButton {
      padding: 8px 16px;
      font-size: 0.813rem;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 8px;
    }

    .secondnavgroup {
      display: flex;
      align-items: center;
      gap: 60px;
      justify-content: space-between;
      padding: 12px 0;
      padding-block: 16px;
    }

    .seondtabs {
      overflow: auto;
      list-style-type: none;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 20px !important;
      text-transform: uppercase;
      overflow-y: hidden;
    }

    .mob-hide {
      width: 100%;
      max-width: fit-content;
    }

    .seondtabs .list {
      display: flex;
      gap: 8px;
      align-items: center;
      position: relative;
      font-size: 0.875rem;
      text-transform: capitalize;
      font-family: "go-medium";
      color: var(--grey10);
      min-width: max-content;
      cursor: pointer;
    }

    .seondtabs .list.active {
      /* background: linear-gradient(92deg, #39b6d8 7.6%, #f7d344 53.43%, #e38330 99.26%); */
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-weight: 600;
    }

    .seondtabs .list img {
      opacity: 0;
      transition: 0.4s ease-in-out;
      max-width: 18px;
    }

    .seondtabs .list.active img {
      opacity: 1;
    }
  }

  .secondnavgroup {
    padding-block: 16px;

    .seondtabs {
      gap: 20px !important;
    }

    .seondtabs .list img {
      display: none;
    }

    .seondtabs .list.active {
      padding-inline: 14px !important;
    }

    .seondtabs .list.active img {
      display: block;
    }

    .seondtabs .list {
      padding-inline: 0;
    }


    .seondtabs .list {
      position: relative;
      padding: 8px;
      border-bottom: 2px solid transparent;
    }

    .seondtabs .list::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -2px;
      width: 100%;
      height: 2px;
      background: linear-gradient(91deg, #39B5D7 -6.14%, #F7D544 47.02%, #E38330 99.71%);
      transform: scaleX(0);
      transform-origin: left center;
      transition: transform 0.35s ease;
    }

    .seondtabs {
      overflow-y: hidden;

    }

    .seondtabs .list.active {
      background: white;
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-weight: 600;

      img {
        filter: brightness(0) invert(1);
      }
    }

    .seondtabs .list.active::after {
      transform: scaleX(1);
    }
  }

  .buildCardSection {
    background: var(--white3);
    padding: 80px 0;

    .buildHeadingWrapper {
      display: flex;
      align-items: flex-start;
      gap: 8px;
      flex-direction: column;
      position: sticky;
      top: 140px;
      will-change: transform;
    }

    @media (max-width: 767px) {
      .buildHeadingWrapper {
        position: relative;
        top: unset;
      }
    }

    .buildHeadingWrapper.unstick {
      position: relative;
      top: auto;
    }

    .buildReportDropdown__chevron {
      flex-shrink: 0;
      display: block;
      transform: rotate(180deg);
      transform-origin: center;
      transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .buildReportDropdown.is-open .buildReportDropdown__chevron {
      transform: rotate(0deg);
    }


    .buildHeadingPara {
      font-size: 16px;
      line-height: 150%;
      font-family: var(--go-regular);
      color: var(--grey3);
    }

    .buildCardWrapper {
      display: flex;
      align-items: flex-start;
      gap: 40px;
      flex-direction: column;
      margin-top: 40px;
    }

    .buildCard {
      border-radius: 16px;
      border: 1px solid var(--grey4);
      background: var(--white);
      width: 100%;
      padding: 24px;
      align-items: center;
      display: flex;
      gap: 80px;
      position: sticky;
      top: 260px;
    }

    .lottiewrapper {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 20px;
    }

    .buildRight {
      width: 100%;
      max-width: 612px;
      overflow: hidden !important;
      position: relative;
      line-height: 0;
      overflow: hidden;
      border-radius: 12px;
    }

    /* 
    .buildRight:hover>img {
      transform: scale(1.03);
      transition: transform 0.3s ease-in-out;
    } */

    .buildRight>img {
      transition: transform 0.3s ease-in-out;
    }

    .leftiUpper {
      display: flex;
      align-items: flex-start;
      gap: 16px;
      flex-direction: column;
    }

    .buildLeft {
      display: flex;
      align-items: flex-start;
      gap: 32px;
      flex-direction: column;
      width: 100%;
      max-width: 500px;
    }

    .iconBtn {
      border-radius: 40px;
      background: #313131;
      backdrop-filter: blur(2px);
      display: flex;
      padding: 8px 12px;
      justify-content: center;
      align-items: center;
      gap: 4px;
      font-size: 12px;
      line-height: 120%;
      text-transform: uppercase;
      color: var(--grey4);
      font-family: var(--go-medium);
    }

    .buildCardHeadingWrap {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      flex-direction: column;
    }

    .lottieWrapper {
      display: flex;
      align-items: center;
      gap: 20px;

      img {
        max-width: 48%;
      }
    }

    .buildRight img {
      transition: transform 0.4s ease;
    }

    .buildRight:hover img {
      transform: scale(1.04);
      /* adjust value (1.05–1.2) as needed */
    }

    .buildCard:nth-child(even) {
      flex-direction: row-reverse;

      .buildRight {
        max-width: 580px;
      }



      .buildLeft {
        max-width: 532px;
      }
    }
  }

  .lateralSection {
    padding: 60px 0 !important;
    background: url(https://images.mastersunion.link/uploads/28072025/v1/Vector13511.svg) no-repeat, var(--black);
    background-size: cover;
    background-repeat: no-repeat;
    border-bottom: 1px solid var(--black5);


    .lateralWrapper {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;


      .mob-visible {
        width: 100%;


        .btnClose {
          width: 100%;
        }
      }
    }


    .lateralLeft {
      width: 100%;
      max-width: 634px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 24px;
    }






    .lateralRight {
      width: 100%;
      max-width: 538px;
      line-height: 0;


      img {
        border-radius: 8px;
      }
    }


    .lateralHeadingWrapper {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 8px;
    }


    .lateralPara {
      font-size: 14px;
      line-height: 150%;
      font-family: var(--go-regular);
      color: var(--grey10);
    }


    .lateralParaBold {
      color: var(--grey18);
      font-weight: 600;
    }
  }


  .homepage {

    .sharkTank.selectingStudents,
    .selectingStudents.sharkTank {
      padding: 80px 0;
      overflow: hidden !important;
      background: var(--white) !important;
      position: relative;

      @media (max-width: 767px) {
        padding: 60px 0 !important;
      }

      .teachingHeadWrap {
        display: flex;
        flex-direction: column;
        gap: 8px;
        align-items: center;
        justify-content: center;
        text-align: center;

        p {
          color: var(--grey3);
          font: 16px "go-regular";
          line-height: 150%;
        }
      }

      .sharkTankSlider {
        max-width: 100%;
        margin: 0 auto;
      }

      .cardsWrapper {
        padding-bottom: 20px !important;
        margin: 40px 0 0;
        gap: 0;
        overflow: unset;
        display: flex;
        justify-content: space-between;
      }

      .imageBoxiShark {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;

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

      .gridBox {
        position: relative;
        display: flex;
        overflow: hidden;
        border-radius: 0;
        min-height: 480px;
        max-width: 100%;
        cursor: pointer;
        border: none;
        transition: 0.4s all;
      }

      .gridBox::before {
        content: "";
        height: 100%;
        width: 100%;
        background: transparent !important;
        transition: 0.4s;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        z-index: 1;
      }

      .gridBox::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 40%;
        background: linear-gradient(to top, rgba(9, 9, 9, 0.8) 0%, rgba(9, 9, 9, 0.5) 40%, rgba(9, 9, 9, 0) 100%);
        pointer-events: none;
      }

      .gridBox:hover .sharkFront {
        opacity: 0;
        transition: 0.4s ease-in-out;
      }

      .gridBox:hover .overLayDetail {
        bottom: 0;
        transition: 0.4s;
        height: 100%;
        transition-delay: 0.1s;
        background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(255, 255, 255, 0)) !important;
      }

      .gridBox:hover {
        border: 1px solid transparent;
      }

      .sharkFront {
        z-index: 2;
        display: flex;
        justify-content: space-between;
        padding: 30px;
        height: 480px;
        align-items: flex-end;
        position: relative;
        width: 100%;
        transition: 0.4s ease-in-out;

        h3 {
          font: 24px "go-medium";
          line-height: 120%;
          color: var(--white);
          margin-top: 6px;
        }
      }

      .seasonTag {
        padding: 8px;
        font: 11px "go-medium";
        line-height: 120%;
        letter-spacing: 0.5px;
        color: var(--grey4);
        text-transform: uppercase;
        border-radius: 40px;
        background: #313131;
        backdrop-filter: blur(2px);
        width: fit-content;
      }

      .overLayDetail {
        position: absolute;
        left: 0;
        bottom: -100%;
        width: 100%;
        height: 100%;
        padding: 20px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
        align-content: center;
        z-index: 2;
        background: transparent;
      }

      .cardsWrapper .floatDetails,
      .cardsWrapper .overLayDetail {
        padding: 20px;
        height: 100%;
      }

      .weightage {
        width: 100%;
      }

      .contentWrap {
        display: flex;
        flex-direction: column;
        gap: 6px;
        justify-content: space-between;
      }

      .font-white {
        color: var(--white);
      }

      .description {
        font-size: 1rem;
        color: var(--grey10);
        font-family: "go-regular";
        line-height: 140%;
      }

      .overLayDetail .weightage .heading {
        font: 24px "go-medium";
        width: fit-content;
        background: var(--white);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }

      .weightage .description {
        font: 14px "go-medium";
        color: var(--grey10);
        margin: 0;
      }

      .blackSharkfont {
        display: flex;
        justify-content: space-between;
        margin-top: 15px;
        align-items: center;
      }

      .wrap {
        display: flex;
        flex-direction: column;

        h3 {
          color: white;
          font: 16px "go-medium";
          line-height: 120%;
        }

        p {
          color: var(--grey10);
          font-size: 14px;
          font-family: "fraunces", serif;
          line-height: 150%;
        }
      }

      .gridBox .masterPlay {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        cursor: pointer;
        z-index: 9;
      }

      .swiper-container .swiper-slide,
      .swiper-container2 .swiper-slide {
        transform: scale(1) translateZ(0);
        transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
        will-change: transform;
      }

      .swiper-container .swiper-slide-active,
      .swiper-container2 .swiper-slide-active {
        transform: scale(1.1);
      }

      .swiper-container .swiper-pagination,
      .swiper-container2 .swiper-pagination {
        bottom: 50px !important;
        transition: width 0.35s cubic-bezier(.4, 0, .2, 1),
          border-radius 0.35s cubic-bezier(.4, 0, .2, 1),
          background 0.35s ease;
      }

      .swiper-pagination-bullet-active {
        width: 30px !important;
        border-radius: 10px !important;
        transition: 0.4s ease-in-out !important;
        background: var(--grey) !important;

      }

      .swiper-pagination-bullet {
        transition: width 0.4s ease-in-out, border-radius 0.4s ease-in-out,
          background-color 0.4s ease-in-out, transform 0.4s ease-in-out,
          box-shadow 0.4s ease-in-out !important;
        background: var(--grey) !important;

      }

      .swiper-slide-active .left,
      .swiper-slide-active .right {
        opacity: 1;
        transition: 0.4s ease-in-out;
      }
    }
  }

  .enterpreneur {
    background: url("https://images.mastersunion.link/uploads/04042026/v1/Vector1351.svg"), var(--black);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0;

    .enterpreneurWrap {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 80px;
    }

    .enterpreneurLeft {
      width: 100%;
      max-width: 609px;
      display: flex;
      flex-direction: column;
      gap: 12px;
      align-items: flex-start;
    }

    .enterpreneurSubText {
      font-size: 16px;
      line-height: 150%;
      color: var(--grey18);
      font-family: var(--go-regular);
    }

    .enterpreneurRight {
      width: 100%;
      max-width: 604px;
      position: relative;
    }

  }

  .insightSection.founder {
    background: var(--white3);
    padding: 60px 0 !important;
    border-top: 1px solid var(--grey4);

    .insightPara {
      color: var(--black5);
    }

    .insightBtnWrapper {
      align-items: flex-end;
    }

    .swiper-paginationTwo {
      max-width: fit-content;
      margin: 0 auto;
    }

    .insightBtn {
      display: flex;
      gap: 12px;
      align-items: center;
      flex-direction: row-reverse;
    }

    .insightCard {
      padding: 16px;
      border-radius: 16px;
      border: 1px solid var(--grey4);
      display: flex;
      flex-direction: column;
      gap: 16px;
    }

    .facultyDetailsWrapper {
      display: flex;
      flex-direction: column;
      gap: 16px;
      align-items: flex-start;
    }

    /* .cardContentFaculty {
      display: flex;     
      align-items: flex-start;
      flex: 1 0 0;
      width: 100%;
    } */

    .cardUpper {
      display: flex;
      flex-direction: column;
      gap: 4px;
      align-items: flex-start;
      border-bottom: 1px solid var(--grey4);
      padding-bottom: 16px;
      width: 100%;
    }

    .founderDetail {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
    }

    .cardDetail {
      color: var(--black5);
      font-size: 14px;
      line-height: 150%;
      font-family: var(--go-regular);
    }

    .companyName {
      font-size: 18px;
      color: var(--black);
      line-height: 120%;
      font-family: var(--go-semibold);

    }

    .tagDivi {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .tag1 {
      padding: 4px 8px;
      border-radius: 20px;
      background: var(--grey3);
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 1px;
      line-height: 150%;
      font-family: var(--go-semibold);
      color: var(--grey4);
      white-space: nowrap;
    }

    .tag2 {
      border-radius: 25px;
      background: var(--Grey-80, #E5E5E5);
      padding: 4px 8px;
      color: var(--grey3);
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 1px;
      line-height: 150%;
      font-family: var(--go-semibold);
      white-space: nowrap;
    }

    .inisghtImageWrapper {
      border-radius: 8px !important;
    }

    .w100 {
      width: 100%;
    }


  }

  .insightSection.creator {
    background: var(--black);

    .insightPara {
      color: var(--grey4);
    }

    .swiper-paginationThree {
      max-width: fit-content;
      margin: 0 auto;
    }


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

    /* .creatorCard:hover .inisghtImageWrapper>img {
      transform: scale(1.03);
      transition: transform 0.3s ease-in-out;
    } */

    .inisghtImageWrapper {
      line-height: 0;
      overflow: unset;


      img {
        border-radius: 0;
      }
    }

    .inisghtImageWrapper>img {
      border-radius: 8px 8px 0px 0px;
    }


    .creatorWrapper {
      display: flex;
      padding: 8px 8px 16px 8px;
      flex-direction: column;
      align-items: flex-start;
      gap: 8px;
      background: var(--black5);
      width: 100%;
      border-radius: 0px 0px 8px 8px;
    }

    .creatorDetail {
      display: flex;
      flex-direction: column;
      gap: 4px;
      align-items: flex-start;
      width: 100%;
    }

    .creatorName {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 16px;
      color: var(--white);
      line-height: 120%;
      font-family: var(--go-medium);
      width: 100%;
      white-space: nowrap;
    }

    .creatorId {
      font-size: 13px;
      line-height: 120%;
      font-family: var(--go-regular);
      color: var(--grey4);
    }

    .creatorViews {
      display: flex;
      align-items: flex-start;
      gap: 16px;
    }

    .creatorFollower {
      display: flex;
      align-items: center;
      gap: 4px;
    }

    .followerNumber {
      color: var(--white);
      font-size: 14px;
      line-height: 120%;
      font-family: var(--go-semibold);
    }

    .w100 {
      width: 100%;
    }
  }

  .insightSection.familyBusiness {
    background: var(--white3);

    .insightPara {
      color: var(--grey3);
    }

    .swiper-paginationFour {
      max-width: fit-content;
      margin: 0 auto;
    }

    .w100 {
      width: 100%;
    }

    .swiper-pagination-bullet-active {
      width: 40px !important;
      background: #A3A3A3 !important;
    }

    .swiper-pagination-bullet {
      background: #A3A3A3 !important;
    }

    .insightWrapper {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 32px;
    }

    .insightBtnWrapper {
      display: flex;
      justify-content: space-between;
      align-items: end;
      width: 100%;
    }

    .insightParaWrapper {
      display: flex;
      flex-direction: column;
      gap: 8px;
      align-items: flex-start;
    }

    .insightBtn {
      display: flex;
      gap: 12px;
      align-items: center;
      flex-direction: row-reverse;
    }

    .insightCardWrapper {
      display: flex;
      gap: 20px;
      align-items: flex-start;
      overflow: hidden !important;
    }

    .inisghtImageWrapper {
      line-height: 0;

      img {
        border-radius: 8px 8px 0px 0px;
        transition: transform 0.3s ease-in-out;
      }
    }

    .businessCard {
      display: flex;
      flex-direction: column;
      border-radius: 12px;
      border: 1px solid var(--grey4);
    }

    .businessCard:hover .inisghtImageWrapper>img {
      transform: scale(1.03);
      transition: transform 0.3s ease-in-out;
    }

    .inisghtImageWrapper {
      overflow: unset;
    }


    .businessWrapper {
      padding: 16px;
      background: var(--white);
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 8px;
      border-radius: 0px 0px 12px 12px;
      width: 100%;
    }

    .wrapperDetail {
      display: flex;
      justify-content: space-between;
      width: 100%;
      align-items: center;
    }

    .studentName {
      font-size: 18px;
      color: var(--black);
      line-height: 120%;
      font-family: var(--go-medium);
    }

    .studentSession {
      font-size: 13px;
      color: var(--black);
      line-height: 150%;
      font-family: var(--go-medium);
    }

    .studentDesg {
      font-size: 13px;
      color: var(--black);
      line-height: 120%;
      font-family: var(--go-regular);
    }

    .state {
      border-radius: 4px;
      background: var(--white4);
      padding: 2px 8px;
      font-size: 13px;
      line-height: 150%;
      font-family: var(--go-medium);
      color: var(--black);
      text-transform: uppercase;
    }

    .wrapperDetail:nth-child(2) {
      border-bottom: 1px solid var(--grey4);
      width: 100%;
      padding-bottom: 8px;
    }

    .wrapperContent {
      font-size: 14px;
      line-height: 150%;
      font-family: var(--go-regular);
      color: var(--grey3);
    }
  }

  .learnTrading {
    background: var(--black);
    border-bottom: 1px solid var(--black5);
    padding: 80px 0;


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


    .learnTradeLeft {
      display: flex;
      flex-direction: column;
      gap: 24px;
      width: 100%;
      max-width: 580px;
    }


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


    .learnHeadingPara {
      font-size: 16px;
      line-height: 150%;
      font-family: var(--go-regular);
      color: var(--grey4);
    }


    .learnTradePoints {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }


    .learnTradeDetail {
      display: flex;
      gap: 12px;
      align-items: flex-start;
    }


    .learnTradeText {
      font-size: 14px;
      line-height: 150%;
      font-family: var(--go-regular);
      color: var(--grey10);
    }


    .white_semiBold {
      color: var(--grey18);
      font-family: var(--go-semibold);
    }


    .learnTradeRight {
      width: 100%;
      max-width: 600px;
      line-height: 0;
    }


    .learnTradeImg {
      position: relative;
      border-radius: 8px;
      overflow: hidden;
    }

    .learnTradeImg:hover>img {
      transform: scale(1.03);
      transition: transform 0.3s ease-in-out;
    }

    .learnTradeImg>img {
      transition: transform 0.3s ease-in-out;
    }


    .mastersScroll {
      margin-top: 80px;
      overflow: hidden;
    }


    .marqueesliders {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 16px;
      overflow: auto;
    }


    /* .newMasterDetailsWrap {
     border-radius: 0px 0px 8px 8px;
     line-height: 0;
     display: flex;
     flex-direction: column;
     gap: 12px;
   } */


    .marqueeCards {
      width: 100%;
      /* pointer-events: none; */
      overflow: hidden;
      display: flex;
      align-items: center;
      margin-top: 80px;
    }


    .newMasterDetailsWrap {
      padding: 16px 8px;
    }


    .newMasterDetailsWrap h3 {
      font-size: 16px;
      line-height: 120%;
      color: var(--white);
      font-family: var(--go-regular);
    }


    .newMasterDetailsWrap h4 {
      font-size: 12px;
      line-height: 120%;
      font-family: var(--go-regular);
      color: var(--grey18);
      margin-top: 4px;
    }


    .newMasterDetailsWrap svg {
      margin-top: 10px;
      max-width: 200px;
      max-height: 35px;
      min-height: 35px;
    }


    .marqueeInnerWrap {
      width: 100%;
      height: 100%;
    }


    .marqueeReverse {
      height: 100%;
      width: max-content;
      align-items: center;
      display: flex;
      position: relative;
      animation: marqueeReverse 30s linear infinite;
      will-change: transform;
      gap: 20px;
    }


    .learnMasterBox {
      position: absolute;
      top: 20px;
      width: 197px;
      right: 0;
      padding: 20px;
      display: flex;
      flex-direction: column;
      border-radius: 6px;
      background: rgba(255, 255, 255, 0.10);
      gap: 10px;
      backdrop-filter: blur(3.5px);
    }


    .learnMasterName {
      font-size: 18px;
      line-height: 120%;
      color: var(--white);
      font-family: var(--go-regular);
    }


    .learnMasterDiv {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }


    .learnMasterDesig {
      font-size: 18px;
      line-height: 120%;
      font-style: italic;
      font-family: "Fraunces", serif;
      font-weight: 350;
      color: var(--white);
      opacity: 0.7;
    }


    .masterDataBox {
      border-radius: 8px;
      border: 1px solid var(--black5);
      overflow: hidden;
      min-width: 240px;
      max-width: 268px;
    }


    .imgMasterdiv {
      line-height: 0;
    }


    .masterDetailDivi {
      background: var(--grey17);
      padding: 16px 8px;
      margin: 0;
    }


    .masterDataWrapper {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }


    .masterInfo {
      display: flex;
      flex-direction: column;
      gap: 4px;
    }


    .programMasterName {
      font-size: 16px;
      line-height: 120%;
      color: var(--white);
      font-family: var(--go-regular);
    }


    .programMasterDesig {
      font-size: 12px;
      line-height: 120%;
      font-family: var(--go-regular);
      color: var(--grey18);
    }


    .masterCompanyLogo {
      border-bottom: 1px solid var(--black5);
      padding-bottom: 12px;
    }


    /* .masterCompanyLogo img {
     width: 100%;
     max-width: 200px;
     max-height: 35px;
     min-height: 35px;


   } */


    .newMasterBoxImg {
      line-height: 0;
      max-width: 100%;
      min-width: 16%;
      border-radius: 8px;
      overflow: hidden;
    }


    .masterDescription {
      font-size: 12px;
      line-height: 120%;
      font-family: var(--go-regular);
      color: var(--grey10);
      min-height: 28px;
      margin-top: 12px;


    }


    .marqueeCards:hover .marqueeReverse {
      animation-play-state: paused;
    }


    .learningDisclaimer {
      margin-top: 40px;
      font-size: 10px;
      font-family: var(--go-regular);
      line-height: 150%;
      color: var(--grey10);
      margin-left: 2px;
    }
  }

  .faculty-swiper-section.highLightFacultySwiper {
    .masterPlay>img {
      position: absolute;
      bottom: 12px;
      right: 12px;
    }

    .font-semiBold {
      font-family: go-semiBold;
    }

  }

  .faculty-swiper-section {
    background: #0e0e0e;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 80px 0px;
    overflow: hidden;


    .fac-section-header {
      width: 100%;
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      max-width: 1240px;
    }

    .fac-header-text h2 {
      color: var(--grey4);
      font: 30px "go-regular";
      line-height: 1.3;
      margin-bottom: 4px;
    }



    .fac-header-text p {
      color: #E5E5E5;
      font: 16px "go-regular";
      line-height: 1.5;
    }

    .fac-header-text p strong {
      color: #fff;
      font-weight: 600;
    }

    .fac-insightBtn {
      display: flex;
      gap: 10px;
      flex-shrink: 0;
      padding-top: 4px;
    }

    .psmFacultySwiper-Next,
    .psmFacultySwiper-Prev {
      width: 48px;
      height: 48px;
      border: none !important;
      background: transparent !important;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0;
    }

    .psmFacultySwiper-Next:hover,
    .psmFacultySwiper-Prev:hover {
      background: transparent !important;
    }

    .psmFacultySwiper-Next img,
    .psmFacultySwiper-Prev img {
      width: 48px;
      height: 48px;
      display: block;
    }

    .psmFacultySwiper-Prev img {
      transform: scaleX(-1);
    }

    .fac-swiper-wrapper {
      position: relative;
      width: 100%;
      margin: 40px 0px;
      overflow: hidden;
      margin-bottom: 40px;
    }

    .fac-swiper-track {
      position: relative;
      width: 100%;
      height: 100%;
    }

    .fac-card {
      position: absolute;
      top: 50%;
      left: 50%;
      border-radius: 12px;
      overflow: hidden;
      cursor: grab;
      will-change: transform, opacity;
      user-select: none;

      background-color: transparent;
    }

    /* .fac-card:hover .fac-card-img {
  transform: scale(1.03);
  transition: transform 0.3s ease-in-out;
} */

    .fac-card-img {
      transition: transform 0.3s ease-in-out;
    }

    .fac-card.fac-grabbing {
      cursor: grabbing;
    }

    .fac-card-img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center top;
      display: block;
    }

    .fac-card-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, transparent 40%, rgba(0, 0, 0, 0.85) 100%);
      z-index: 1;
    }

    .fac-card-logo {
      position: absolute;
      top: 4%;
      left: 5%;
      display: flex;
      align-items: center;
      gap: 6px;
      z-index: 2;
    }

    .fac-logo-box {
      width: 20px;
      height: 20px;
      background: #fff;
      border-radius: 4px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .fac-logo-box svg {
      width: 12px;
      height: 12px;
    }

    .fac-card-title {
      position: absolute;
      bottom: 14%;
      left: 0;
      right: 0;
      text-align: center;
      padding: 0 12%;
      font-family: 'Bebas Neue', sans-serif;
      font-size: clamp(15px, 4vw, 22px);
      line-height: 1.05;
      letter-spacing: 0.5px;
      text-shadow: 0 2px 12px rgba(0, 0, 0, 0.7);
      white-space: pre-line;
    }


    .faculty-swiper-section .fac-card .fac-masterPlay {
      position: absolute !important;
      bottom: 5% !important;
      right: 5% !important;
      left: auto !important;
      top: auto !important;
      transform: none !important;
      cursor: pointer !important;
      z-index: 3 !important;
      display: flex !important;
      width: 48px !important;
      height: 48px !important;
    }

    .fac-dots {
      display: flex;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: center;
      margin: 0 auto;
      padding: 6px 0 14px;
      flex-shrink: 0;
      gap: 0;
    }

    .fac-dot {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--grey3);
      transition: all 0.3s;
      cursor: pointer;
      flex-shrink: 0;
      margin: 0 2px;
    }

    .fac-dot.fac-active {
      width: 40px;
      border-radius: 4px;
      background: var(--grey6);
    }


    .swiper-button-disabled {
      opacity: 1 !important;
    }

    @media (max-width: 768px) {


      .popUpCloseBtnWrap {
        top: -26px;
      }



      .fac-section-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        padding: 0 20px 10px;
      }

      .fac-insightBtn {
        display: flex;
      }

      .fac-dots {
        padding: 6px 0 12px;
      }

      .go-sectionHeading {
        font-size: 22px !important;
        line-height: 120% !important;
        font-family: var(--go-regular);
      }

      .fac-header-text p {
        font-size: 14px;
      }

      .fac-header-text h2 {
        font: 22px "go-regular";
      }

      .fac-header-text strong {
        font-weight: 700;
      }
    }
  }

  .industryExpert {
    background: var(--black);
    border-top: 1px solid var(--black5);
    padding: 80px 0;

    .expertContainer {
      flex-direction: column;
      gap: 32px;
      align-items: flex-start;
      display: flex;
      width: 100%;
    }

    .buttonMasterShow {
      margin: 0 auto;
    }

    .masterDivi {
      width: 100%;
      display: flex;
      gap: 16px;
      flex-wrap: wrap;
    }

    .expertBoxi.is-desktop-hidden {
      display: none;
    }

    &.is-expanded {
      .expertBoxi.is-desktop-hidden {
        display: block;
      }
    }

    .expertBoxi {
      border-radius: 8px;
      background: var(--black);
      border: 1px solid var(--grey3);
      max-width: 235px;
      overflow: hidden;
    }

    .expertBoxi:hover>img {
      transform: scale(1.03);
      transition: transform 0.3s ease-in-out;
    }

    .expertBoxi>img {
      transition: transform 0.3s ease-in-out;
    }

    .expertContent {
      padding: 16px 8px;
      flex-direction: column;
      gap: 8px;
      align-items: flex-start;
      display: flex;

    }

    .expertBoxi>img {
      border-radius: 8px 8px 0px 0;

    }

    .expertHeadingBox {
      flex-direction: column;
      gap: 4px;
      align-items: flex-start;
      display: flex;
    }

    .expertName {
      font-size: 16px;
      font-family: var(--go-regular);
      line-height: 120%;
      color: var(--white);
      font-weight: 400;
    }

    .expertLogo {
      max-width: 220px;
      max-height: 35px;
    }

    .expertDesignation {
      line-height: 150%;
      font-size: 12px;
      font-family: var(--go-regular);
      color: var(--grey18);
      min-height: 36px;
    }

    .expertHeadingWrapper {
      align-items: flex-end;
      display: flex;
      justify-content: space-between;
      width: 100%;
    }

    .paraExpertDivi {
      flex-direction: column;
      gap: 8px;
      align-items: flex-start;
      display: flex;
    }

    .expertPara {
      line-height: 150%;
      font-size: 16px;
      color: var(--grey4);
    }

    .viewMoreMastersBtn {
      display: none;
      align-items: center;
      justify-content: center;
      gap: 8px;
    }

    .viewMoreMastersBtn.is-visible {
      display: inline-flex;
      margin: 0 auto;
    }

    .IconShowMore {
      max-width: 16px;
      width: 100%;
      transition: transform 0.3s ease;
    }

    &.is-expanded {
      .viewMoreMastersBtn .IconShowMore {
        transform: rotate(180deg);
      }
    }
  }

  .buildingSection {
    background: var(--black);
    padding: 0 !important;

    .buildingWrapperImg {
      position: relative;
      overflow: hidden;
      width: 100%;
      border-radius: 8px;
    }

    .buildingWrapperImg .buildingPosterImg {
      width: 100%;
      display: block;
      position: relative;
      z-index: 1;
    }

    #buildingBgVideo,
    #buildingBgVideo iframe {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 150%;
      height: 150%;
      transform: translate(-50%, -50%);
      pointer-events: none;
      z-index: 2;
      border: none;
      opacity: 0;
      transition: opacity .6s ease;
    }

    .black-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.9) 0%, transparent 30%, transparent 40%, rgba(0, 0, 0, 0.9) 100%);
    }

    .buildingVideoBlocker {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 3;
      cursor: default;
    }

    .buildingGradientTop {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 35%;
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);
      z-index: 4;
      pointer-events: none;
      opacity: 0;
      transition: opacity .6s ease;
    }

    .buildingGradientBottom {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 35%;
      background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);
      z-index: 4;
      pointer-events: none;
      opacity: 0;
      transition: opacity .6s ease;
    }

    .buildingWrapperImg.video-active .buildingGradientTop,
    .buildingWrapperImg.video-active .buildingGradientBottom {
      opacity: 1;
    }

    .buildingWrapperImg .masterPlay {
      position: absolute;
      z-index: 6;
      cursor: pointer;
    }

    .buildingStickyWrapper {
      display: flex;
      flex-direction: column;
      gap: 132px;
    }

    .masterPlay {
      display: flex;
      gap: 8px;
      align-items: center;

      .masterPlayText {
        font: 16px "go-semiBold";
        line-height: 120%;
        color: var(--white);
      }
    }

    .companyStack {
      width: 100%;
      max-width: 680px;
      display: flex;
      align-items: stretch;
      justify-content: space-between;
    }

    .placementPrice {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 8px;
    }

    .rupees {
      font-size: 48px;
      line-height: 120%;
      font-family: var(--go-medium);
      color: var(--white);
      font-weight: 500;
    }

    .verticalLine {
      width: 1px;
      background: rgba(163, 163, 163, 0.19);

    }

    .rupeePara {
      font-size: 16px;
      line-height: 120%;
      font-family: var(--go-regular);
      text-align: center;
      color: var(--grey4);
    }

    .buildingWrapper>img {
      border-radius: 8px;
    }

    .buildingWrapper {
      position: sticky;
      top: 7rem;
      max-height: 94vh;
      overflow: hidden;
    }

    .buildingWrapper::before,
    .buildingWrapper::after {
      content: '';
      position: absolute;
      left: 0;
      width: 100%;
      height: 35%;
      pointer-events: none;
      z-index: 4;
    }

    .buildingWrapper::before {
      top: 0;
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 50%);
    }

    .buildingWrapper::after {
      bottom: 0;
      background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 60%);
    }

    .masterPlay {
      height: fit-content;
      width: fit-content;
      left: 50%;
      top: 50%;
    }

    .headingWrapper {
      position: absolute;
      top: 40px;
      left: 60px;
      display: flex;
      justify-content: space-between;
      right: 60px;
      align-items: flex-start;
      z-index: 999;
      max-width: 84.6%;
      margin: 0 auto;
    }

    .companyParent {
      position: absolute;
      bottom: 40px;
      left: 60px;
      display: flex;
      justify-content: space-between;
      right: 60px;
      z-index: 999;
      align-items: center;
      max-width: 84.6%;
      margin: 0 auto;

    }

    .buildingPara {
      font-size: 16px;
      line-height: 150%;
      font-family: var(--go-regular);
      color: var(--grey4);

    }

    .buildingWatchWrapper {
      display: flex;
      align-items: center;
      gap: 8px;

    }

    .buildingWatchWrapper>img {
      width: 52px;
    }

    .playBtnPara {
      font-size: 24px;
      line-height: 120%;
      font-family: var(--go-semibold);
    }

    .buildingLogoWrapper {
      position: absolute;
      bottom: 40px;
      left: 60px;
      display: flex;
      justify-content: space-between;
      right: 60px;
      align-items: center;
      z-index: 999;
    }

    .logosWrapper {
      display: flex;
      gap: 24px;
      align-items: center;

      img {
        max-width: 44px;
        max-height: 44px;
      }
    }

    .logoSlider {
      width: 15%;
      overflow: hidden !important;
      border-radius: 40px;
      padding-inline: 12px;

    }
  }

  .buildCardSection.blackBuild {
    background: var(--black);
    border-top: 1px solid var(--black5);


    .buildReportDropdown__chevron {
      flex-shrink: 0;
      display: block;
      transform: rotate(180deg);
      transform-origin: center;
      transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .buildReportDropdown__item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      padding: 8px 16px;
      color: #171717;
      font-size: 14px;
      line-height: 140%;
      text-decoration: none;
      border-bottom: 1px solid #e5e5e5;
      transition: background 0.15s ease;
    }

    .buildReportDropdown__item:hover {
      background: #f5f5f5;
    }

    .buildReportDropdown__item:last-child {
      border-bottom: none;
    }

    .buildCard.manyReports {
      .buildReportDropdown__panel {
        top: -520% !important;
      }
    }

    .buildReportDropdown.is-open .buildReportDropdown__chevron {
      transform: rotate(0deg);
    }

    .buildHeadingPara {
      color: var(--grey4);
    }

    .buildRight {
      max-width: 640px;
    }

    .buildLeft {
      max-width: 504px;
    }

    .buildCard:nth-child(even) {
      flex-direction: row-reverse;

      .buildRight {
        max-width: 640px;
      }

      .buildLeft {
        max-width: 504px;
      }
    }

    .swiper-pagination {
      width: 100% !important;
      top: unset !important;
      bottom: 4% !important;
      position: absolute !important;
      left: unset !important;
      right: 0% !important;
      z-index: 999 !important;
    }

    .swiper-pagination-bullet-active {
      width: 40px !important;
      height: 8px !important;
      border-radius: 12px !important;
      background: var(--white) !important;
    }

    .overlay {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 20%;
      background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
      pointer-events: none;
      z-index: 3;
      border-radius: 12px;
    }

    .swiper-wrapper {
      line-height: 0 !important;
    }

    .companyLogo {
      max-width: 150px;
      position: relative;

    }


    .illinoisWrapper {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
    }

    .illinoisLogoUg {
      max-width: 45%;
    }

    .wrapperLogo {
      display: flex;
      flex-wrap: wrap;

      .companyLogo:nth-child(1),
      .companyLogo:nth-child(2),
      .companyLogo:nth-child(3) {
        border-bottom: 1px solid var(--grey4);
      }
    }

    .swiper-pagination-bullet {
      transition: 0.4s ease all;
      background: var(--white) !important;
    }

    .logoWrapper {
      display: flex;
      gap: 16px;

    }

    .conLogoAndText>img {
      max-width: 66px;
    }

    .conText {
      font-size: 12px;
      text-transform: uppercase;
      line-height: 150%;
      font-family: var(--go-regular);
      color: var(--grey3);
    }

    .conLogoAndText {
      display: flex;
      gap: 8px;
      align-items: center;
      flex-direction: column;
    }

    .buildCard:nth-child(even) {
      flex-direction: unset;
    }

    .buildCardHeadingWrap .buildHeadingPara {
      color: var(--grey3);
    }

    .buildCtaWrapper {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      width: 100%;
    }

    .buildCard {
      border-radius: 16px;
      border: unset;
      background: var(--white);
      width: 100%;
      padding: 32px;
      align-items: center;
      display: flex;
      gap: 32px;
      position: sticky;
      top: 10rem;
    }
  }

  .businessSection {
    background: var(--black);
    border-block: 1px solid var(--black5);
    padding: 80px 0;
    position: relative;

    .businessWrapper {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 40px;
    }

    .absoluteFounder {
      display: flex;
      align-items: center;
      gap: 16px;
      position: absolute;
      bottom: 16px;
      left: 16px;
    }

    .downloadFont {
      font-size: 18px;
      line-height: 120%;
      color: var(--white);
      font-family: var(--go-regular);
    }

    .insightBtn {
      display: flex;
      gap: 12px;
      align-items: center;
      flex-direction: row-reverse;
    }

    .content-section {
      width: 100%;
      position: relative;
      overflow: hidden;
    }

    .founderSwiper,
    .studentFounderSwiper,
    .slowSwiper,
    .businessSwiperContent {
      width: 100%;
      overflow: hidden !important;
    }

    .prev img {
      transform: rotate(180deg);
    }

    .exploringWorld {
      display: flex;
      align-items: flex-end;
      width: 100%;
      justify-content: space-between;
    }

    .businessMaster {
      display: flex;
      align-items: center;
      gap: 20px;
    }

    .masterItem {
      border-radius: 8px;
      border: 1px solid var(--grey3);
      height: unset;
      cursor: pointer;
    }

    .masterItemImg {
      position: relative;
    }

    .mhus {
      max-height: unset !important;
    }

    /* .masterItem:hover>img {
      transform: scale(1.03);
      transition: transform 0.3s ease-in-out;
    }

    .masterItem>img {
      transition: transform 0.3s ease-in-out;
      border-radius: 8px 8px 0px 0;
    } */

    .masterContent {
      padding: 16px;
      display: flex;
      align-items: flex-start;
      gap: 4px;
      width: 100%;
      justify-content: space-between;
    }

    .masterData {
      display: flex;
      flex-direction: column;
      gap: 6px;
      align-items: flex-start;
    }

    .nameMeta {
      font-size: 13px;
      line-height: 120%;
      font-family: var(--go-regular);
      color: var(--grey4);
    }

    .metaHeading {
      line-height: 120%;
      font-size: 18px;
      font-family: var(--go-regular);
      color: var(--white);
    }

    .exploringHeading {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 8px;
    }

    .businessPara {
      font-size: 16px;
      line-height: 150%;
      font-family: var(--go-regular);
      color: #a3a3a3;
    }

    .businessDivi {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
    }

    .businessList {
      display: flex;
      align-items: center;
      width: 100%;
      max-width: 90%;
    }

    .faqtabs .businessItem img {
      max-width: 20px;
      max-height: 20px;
      min-height: 20px;
    }

    .businessItem {
      display: flex;
      align-items: center;
      padding: 16px;
      gap: 8px;
      border-bottom: 1px solid var(--grey);
      min-width: 250px;
      transition: 0.4s all ease;
      justify-content: center;
      cursor: pointer;
    }

    .img2 {
      display: none;
    }

    .img1 {
      display: block;
    }

    .businessItem.active {
      background: var(--black5);
      border-bottom: 1px solid;
      border-image: linear-gradient(91deg, #39B5D7 -6.14%, #F7D544 47.02%, #E38330 99.71%) 1;

      .listPara {
        color: var(--white);
      }

      .img2 {
        display: block;
      }

      .img1 {
        display: none;
      }


    }

    .listPara {
      font-size: 14px;
      line-height: 120%;
      font-family: var(--go-medium);
      color: var(--grey18);
      text-transform: uppercase;
    }
  }

  .insightSection {
    background: var(--black);
    padding: 80px 0;

    .insightHeadingBtn {
      display: flex;
      width: 100%;
      justify-content: space-between;
    }

    .mw718 {
      max-width: 718px;
      width: 100%;
    }

    .insightBtn {
      display: flex;
      gap: 12px;
      align-items: center;
      flex-direction: row-reverse;


      .next,
      .prev {
        line-height: 0;
      }
    }

    .insightCardWrapper {
      width: 100%;
      overflow: hidden !important;
    }

    .insightSwiper {
      overflow: hidden !important;
    }

    .insightBtnWrapper {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      width: 100%;
    }

    .masterPlayRight {
      cursor: pointer;
      position: absolute;
    }

    .insightWrapper {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 32px;
    }

    .insightParaWrapper {
      display: flex;
      flex-direction: column;
      gap: 8px;
      align-items: flex-start;
    }

    .insightPara {
      font-size: 16px;
      font-family: var(--go-regular);
      line-height: 150%;
    }

    .insightPara {
      color: var(--grey10);
    }

    .insightCardWrapper {
      display: flex;
      gap: 20px;
      align-items: flex-start;
      overflow: hidden !important;
    }

    .insightCard,
    .facultyDetailsWrapper {
      display: flex;
      flex-direction: column;
      gap: 8px;
      align-items: flex-start;
      width: 100%;
      position: relative;
    }

    .inisghtImageWrapper>img {
      border-radius: 8px;
    }

    .inisghtImageWrapper {
      position: relative;
      line-height: 0;
    }

    .insightCard .masterPlay>img {
      position: absolute;
      bottom: 20px;
      right: 20px;
      backdrop-filter: blur(2px);
      border-radius: 60px;
    }

    .insightCard .masterPlay svg {
      position: absolute;
      bottom: 20px;
      right: 20px;
      backdrop-filter: blur(2px);
      border-radius: 60px;
    }

    .insightNames {
      font-size: 18px;
      line-height: 120%;
      font-family: var(--go-regular);
    }

    .aboutVideo {
      width: 100%;
      font-size: 13px;
      line-height: 150%;
      font-family: var(--go-regular);
      color: #a3a3a3;
      border-top: 1px solid var(--black5);
      padding-top: 8px;

      .font-semibold {
        color: #d4d4d4;
      }
    }

    .boldAbout {
      font-family: var(--go-semibold);
      color: var(--grey18);
    }

    .inisghtItalic {
      font-size: 18px;
      font-weight: 500;
      line-height: 120%;
      color: var(--white);
    }
  }

  .reachoutBreatherSection {
    background: url(https://images.mastersunion.link/uploads/04042026/v1/Vector1376.svg) no-repeat, var(--black5);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 60px 0 !important;

    .reachoutBreatherWrapper {
      display: flex;
      gap: 28px;
      align-items: stretch;
    }

    .pbLine {
      width: 100%;
      padding-bottom: 8px;
      border-bottom: 2px solid var(--grey4);
    }

    .reachoutLefti {
      width: 100%;
      max-width: 708px;
      border-radius: 16px;
      background: var(--white);
      padding: 48px;
      display: flex;
      flex-direction: column;
      gap: 40px;
      align-items: flex-start;
      justify-content: center;
      /* max-height: 267px; */
      overflow: hidden;
    }

    .go-BreatherHeading {
      border-bottom: 2px solid var(--grey4);
      padding-bottom: 8px;
      width: 100%;
    }

    .reachoutRight {
      width: 100%;
      max-width: 508px;
      overflow: hidden;
      line-height: 0;
      position: relative;
    }

    .supportInfoWrapper {
      display: flex;
      gap: 32px;
      align-items: flex-start;
    }

    .supportDivi {
      display: flex;
      gap: 10px;
      align-items: center;
    }

    .supportDivi>img {
      max-width: 40px;
      max-height: 40px;
    }

    .supportMailDivi {
      display: flex;
      gap: 5px;
      align-items: flex-start;
      flex-direction: column;
    }

    .supportBoxiText {
      font-size: 16px;
      color: var(--black);
      font-family: var(--go-semibold);
      line-height: 120%;
      /* display: none; */
    }

    .supportcontentText {
      font-size: 16px;
      line-height: 120%;
      font-family: var(--go-medium);
      color: var(--grey3);
    }
  }

  .worldClassSection {
    background: linear-gradient(to bottom, var(--white) 50%, var(--black) 50%);
    border-bottom: 1px solid var(--black5);
    padding: 80px 0;

    .worldClassWrapper {
      display: flex;
      flex-direction: column;
      gap: 32px;
      align-items: flex-start;
    }


    .navigationWrapper {
      width: 100%;
      margin-bottom: 0;
      margin-top: 0;
    }

    .navigationWrapper ul {
      padding: 16px 30px;
      width: 100%;
      background: var(--black);
      display: flex;
      align-items: center;
      gap: 60px;
      justify-content: space-around;
      background: var(--grey17);
      margin-top: 30px;
      border-radius: 12px;
      margin-top: 0;
    }

    .content-section {
      width: 100%;
      margin-top: 24px;
    }

    .worldHeadingWrapper {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;

    }

    .worldCampusFrame {
      width: 100%;
    }

    .worldCampusFrame iframe {
      height: 65vh;
      border-radius: 8px;
      width: 100%;
    }
  }

  .theNewsSection {
    background: var(--black);
    border-bottom: 1px solid var(--black5);
    padding: 80px 0;

    .theNewsWrapper {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 40px;
    }

    .newsHeadingWrapper {
      display: flex;
      flex-direction: column;
      gap: 12px;
      text-align: center;
    }

    .newsPara {
      font-size: 16px;
      line-height: 150%;
      font-family: var(--go-regular);
      color: #a3a3a3;
    }

    .newsCardsWrapper {
      width: 100%;
      display: flex;
      gap: 24px;
      align-items: flex-start;
      overflow: auto;
    }

    .newsCard {
      position: relative;
      border-radius: 8px;
      cursor: pointer;
      min-width: 24%;
      line-height: 0;

      img {
        border-radius: 8px;
        width: 100%;
        transition: transform 0.3s ease-in-out;

      }
    }

    /* .newsCard:hover img {
      transform: scale(1.03);
      transition: transform 0.3s ease-in-out;
    } */

    .arrowSvg {
      position: absolute;
      bottom: 25px;
      right: 25px;
      backdrop-filter: blur(5px);
      border-radius: 60px;
    }
  }

  .ourProgramme {
    background-color: var(--black);
    padding: 80px 0;

    .sectionGradientHeadIt {
      font-weight: 300 !important;
    }

    .hoverWhiteEffect {
      color: var(--white);
      background-color: transparent;
      transition: background-color 0.5s ease, color 0.5s ease;
    }

    .hoverWhiteEffect .arrow path {
      transition: fill 0.5s ease;
    }

    .hoverWhiteEffect:hover {
      background: var(--white);
      color: var(--black);
    }

    .hoverWhiteEffect:hover .arrow path {
      fill: var(--black);
    }

    .ourProgrammeWrapper {
      display: flex;
      flex-direction: column;
    }

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

    /* Base styling */
    .tabsText svg {
      display: none;
    }

    /* Show only the default icon */
    .tabsText .icon-default {
      opacity: 1;
      visibility: visible;
    }

    .tabsText .icon-active {
      opacity: 0;
      visibility: hidden;
      position: absolute;
      /* To keep both in the same space */
    }

    /* When parent <li> is active, show the second icon */
    li.active .tabsText .icon-default {
      opacity: 0;
      visibility: hidden;
    }

    li.active .tabsText .icon-active {
      opacity: 1;
      visibility: visible;
    }

    li.active .tabsText {
      color: white;
    }

    h2 {
      color: var(--white);

      .sectionHeadingFr {
        font-weight: 400;
      }
    }

    .stickyHeader {
      padding: 20px 0 0;
      background: var(--black);
      z-index: 11;
    }

    .ourProgrammeLeft {
      width: 100%;
      height: fit-content;
      z-index: 10;
      justify-content: space-between;
      display: flex;
      padding: 18px 0 10px;
      background: var(--black);
      position: sticky;
      top: 40px;
      margin-bottom: 8px;
    }

    .ourProgrammeRight {
      width: 100%;
      gap: 20px;
    }

    .programmeTabsWeb {
      background: var(--black);
      /* z-index: 10; */
      width: 80%;
      min-height: 44px;
      display: flex;
      align-items: center;
      gap: 16px;
      overflow: auto;

      a {
        display: flex;
        gap: 6px;
        cursor: pointer;

        .icon-default,
        .icon-active {
          top: 2px;
        }

        .icon-default {
          position: relative;
        }
      }
    }

    .programSwiperBtn {
      display: none;
    }

    .programmeTabsWeb li {
      border-radius: 60px;
      border: 1px solid #404040;
      color: white;
      font-size: 13px;
      font-family: "fraunces", serif;
      font-weight: 400;
      padding: 8px 20px;
      line-height: 120%;
      cursor: pointer;
      transition: 0.4s ease-in-out;
      min-width: max-content;

      span {
        font: 14px "go-regular";
      }
    }

    .ourProgrammeWrapper .content {
      box-shadow: unset;
    }

    .programmeTabs li img {
      filter: brightness(1);
      /* Default image state */
      transition: filter 0.3s;
    }

    li.active {
      background: var(--white);
      transition: 0.4s ease-in-out;

      .tabsText {
        color: var(--black);
      }
    }

    li.active img {
      filter: brightness(0) invert(1);
    }

    .programHeroHeading {
      width: 100%;
      display: flex;
      justify-content: space-between;
      min-height: 44px;
    }

    .programmeRightContent {
      border-radius: 8px;
      padding: 16px;
      border: 1px solid var(--black5);
      display: flex;
      flex-direction: column;
      gap: 16px;
      align-items: flex-start;
      width: 100%;
    }

    .programImageParent {
      position: relative;
      max-height: 206px;
      overflow: hidden;
      border-radius: 8px;
      order: 1;

      .masterPlay svg {
        position: absolute;
        top: 24px;
        left: 24px;
      }
    }

    .ugBoxiParent {
      .programmeRightContent h2 {
        min-height: 60px;
      }
    }

    .ugBoxiParent {
      display: flex;
      gap: 24px;
      width: 100%;
      max-width: 100%;
      overflow-x: hidden !important;
      overflow-y: hidden;
    }

    .ouProgrammeParent {
      width: 100%;
      max-width: 616px;
    }

    .programmeVideo {
      width: 100%;
      max-width: 502px;
      position: relative;
      overflow: unset;

      img {
        position: sticky;
        top: 13rem;
        cursor: pointer;
        border-radius: 8px;
      }
    }

    .programmesImageParent {
      display: flex;
      gap: 30px;
      justify-content: space-between;
      position: relative;
      z-index: 8;
    }

    .programmeRightContent .sectionGradientHeadIt {
      font-size: 30px;
    }

    .programmeHeading {
      font-size: 24px;
      color: var(--white);
      font-family: var(--go-thin);
      line-height: 120%;
      font-size: 24px;
    }

    .boldHeading {
      font-size: 26px;
    }

    .programmePara {
      display: flex;
      flex-direction: column;
      gap: 6px;
      align-items: flex-start;
      order: 2;
    }

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

    .campusParent {
      display: flex;
      gap: 40px;
    }

    .campusBoxi,
    .campusBoxContent {
      display: flex;
      gap: 4px;
      align-items: flex-start;
      flex-direction: column;
    }

    .campusBoxi {
      width: 100%;
      max-width: 139px;
    }

    .campusBoxi .campusImage {
      max-width: 32px;
      max-height: 32px;
    }

    .programmeCardPara {
      font-size: 13px;
      line-height: 150%;
      font-family: var(--go-regular);
      color: var(--grey4);
      min-height: 39px;
    }

    .campusHeading {
      font-size: 15px;
      line-height: 120%;
      font-family: var(--go-regular);
      color: var(--white3);
    }

    .programSwiperBtn {
      display: flex;
      align-items: center;
      gap: 12px;
      flex-direction: row-reverse;
      line-height: 0;

      div {
        line-height: 0;
      }
    }

    .campusPara {
      font-size: 14px;
      line-height: 150%;
      font-family: var(--go-regular);
      color: var(--grey10);

      span {
        font-size: 11px;
      }
    }

    .deadlineParent {
      display: flex;
      align-items: center;
      gap: 20px;
      order: 4;
    }

    .deadlineBox {
      display: flex;
      padding: 8px 10px 8px 6px;
      justify-content: center;
      align-items: center;
      gap: 8px;
      width: fit-content;
      border-radius: 4px;
      background: var(--grey17);
    }

    .dateDeadline {
      font-size: 13px;
      line-height: 150%;
      color: var(--white);
      font-family: var(--go-regular);
    }

    .go-BlockHeading {
      color: white;
    }

    .campusDiviParent {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      gap: 18px;
      margin-top: 2px;
      order: 3;
      min-height: 188px;
    }

    .programFlexi {
      display: flex;
      width: 100%;
      max-width: 240px;
      align-items: flex-start;
      gap: 8px;
      min-height: 64px;
    }
  }

  .homepage {


    .programFlexi {
      max-width: 237px !important;

    }

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

    .insightBtn {
      display: flex;
      gap: 12px;
      align-items: center;
      flex-direction: row-reverse;
    }

    .ourProrgamSwiperPsm {
      overflow: hidden !important;
    }


    .ourprogramWrap {
      display: flex;
      margin-top: 32px;
      gap: 24px;
      align-items: flex-start;
      overflow: auto;

      .programmeRightContent {
        max-width: 564px;
      }

      .programmeRightContent:first-child {
        .programmePara {
          min-height: 103px;
        }
      }

      .programBtn {
        display: flex;
        gap: 8px;
        align-items: center;
      }

      .programNameBtn {
        border-radius: 54px;
        border: 1px solid var(--grey3);
        background: var(--black);
        backdrop-filter: blur(2.5px);
        width: fit-content;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 8px 10px;
        cursor: pointer;

      }

      .allTextTbm {
        color: var(--white);
      }

      .helloText {
        color: white;
        font-size: 60px;
      }
    }
  }

  .journeyStarts {
    padding: 50px 0;
    position: relative;
    background: url(https://files.mastersunion.link/resources/img/MasterJourney.webp), var(--white);
    background-size: cover;
    background-position: left top;
    background-repeat: no-repeat;
    transition: 0.4s ease-in;

    .journeyHead {
      text-align: center;
    }

    .floatingLinksBoxWrap {
      position: relative;
      left: 0%;
      top: 0;
      width: 100%;
      transition: 0.4s ease-in;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 20px;
    }

    .floatingLinksBox {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 20px;
      max-width: 650px;
      flex-wrap: wrap;
      margin: 0 auto;
      padding: 40px;
      background: var(--white);
      border-radius: 15px;
      box-shadow: 0px 0px 36px 2px rgba(192, 192, 192, 0.25);
      transition: 0.4s ease-in;
    }

    .gradientButton {
      cursor: pointer;
      padding: 1px;
      position: relative;
      max-width: max-content;
      display: inline-block;
      z-index: 1;
    }

    .floatingLinksBox .gradientButton {
      max-width: 275px;
      width: 100%;
    }

    .gradientButton::before {
      content: "";
      background: linear-gradient(102deg, #39B6D8 0%, #F7D344 50%, #E38330 100%);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
      border-radius: 35px;
    }

    .floatingLinksBox .gradientButton button {
      font-family: "fraunces", serif;
      font-weight: 400;
      font-size: 18px;
      font-style: italic;
    }

    .floatingLinksBox .gradientButton button {
      width: 100%;
      justify-content: space-between;
      padding: 12px 32px;
      font-size: 1rem;
      font-family: "fraunces", serif;
      font-weight: 400;
      line-height: 24px;
    }

    .gradientButton button::after {
      content: '';
      position: absolute;
      left: 33%;
      bottom: -50px;
      width: 40%;
      height: 90px;
      border-radius: 50%;
      background: var(--white);
      transition: 0.4s ease-in;
      z-index: -1;
      opacity: 0;
    }

    .gradientButton.active button::after,
    .gradientButton:hover button::after {
      width: calc(100% + 20px);
      scale: 2;
      /* height: calc(100% + 100%); */
      left: -10px;
      border-radius: 40px;
      transition: 0.4s ease-in;
      opacity: 1;
    }

    .gradientButton.active button,
    .gradientButton:hover button {
      color: var(--black);
      transition: 0.4s ease-in;
    }

    .gradientButton button svg path {
      fill: var(--white);
      transition: 0.4s ease-in;
    }

    .gradientButton.active button svg path,
    .gradientButton:hover button svg path {
      fill: var(--black);
      transition: 0.4s ease-in;
    }

    .gradientButton.whiteHover button {
      background: var(--white);
      color: var(--black);
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;

      @media (max-width: 767px) {
        justify-content: center;
        gap: 10px;
      }

    }

    .gradientButton.whiteHover button svg path {
      fill: var(--black);
    }

    .gradientButton.whiteHover button::after {
      background: var(--black);
    }

    .gradientButton.whiteHover:hover button {
      color: var(--white);
    }

    .gradientButton.whiteHover:hover button svg path {
      fill: var(--white);
    }

  }

  .concentration {
    padding: 0;
    background: var(--white);
    border-bottom: 1px solid var(--grey4);

    .coreWrapper {
      display: flex;
      gap: 50px;
      align-items: center;
      justify-content: space-between;
    }

    .headingsLeft {
      width: 50%;
    }

    .bannerSubheading {
      font: 0.787rem "go-regular";
      color: var(--grey9);
      font-size: 14px;
    }
  }

  .curriculumOutclassDs {
    border-bottom: 1px solid var(--grey4);
    background: var(--white3);
    padding: 80px 0;

    .greyParaOutclass>svg {
      min-width: 18px;
      min-height: 19px;
    }

    .gradientWhiteBtn.black {
      background: unset !important;

      button {
        color: white !important;
        background: var(--black) !important;
      }
    }



    .outdsHead {
      display: flex;
      flex-direction: column;
      gap: 6px;
      align-items: flex-start;

      p .black-medium {
        font-family: "go-medium";
      }
    }

    .outdsHead>h3 {
      margin-top: 4px;
    }

    .finaceCareerTabs {
      display: flex;
      border-bottom: 1px solid var(--grey18);
    }

    .financeTabUl {
      display: flex;
      align-items: center;
      /* gap: 35px; */
    }

    /* #uginclassTab01 .dsBelowLeft {
           position: sticky;
           top: 14rem;
           align-self: flex-start;
       }

       #uginclassTab02 .dsBelowLeft {
           position: sticky;
           top: 14rem;
           align-self: flex-start;
       } */


    .inclassTab.active {
      color: var(--black);
      position: relative;

      svg path {
        fill: var(--black);
      }
    }

    .inclassTab.active::after {
      border-bottom: 1px solid #E38330;
      content: "";
      position: absolute;
      bottom: -1px;
      left: 0;
      width: 100%;
      height: 2px;
    }

    .content.active {
      display: flex;
      gap: 30px;
      align-items: flex-start;
    }

    .content-section {
      overflow: unset;
    }

    .content-section {
      width: 100% !important;
    }

    .outclasImgWrap p {
      font-size: 14px !important;
    }

    .marginblock20 {
      margin-block: 8px;
    }


    .faq.curriculumOutclassDs {
      padding: 60px 0;
    }

    .curriculumOutclassWrapper {
      display: flex;
      flex-direction: column;
      gap: 30px;
    }

    .curriculumDsUpper {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      position: sticky;
      top: 7rem;
      z-index: 10;
      background: var(--white3);
      padding-block: 8px;
    }

    .inclassTab {
      padding: 16px;
      display: flex;
      align-items: center;
      gap: 8px;
      cursor: pointer;
      font-size: 14px;
      font-family: var(--go-medium);
      line-height: 18px;
      color: var(--grey10);
    }

    .curriculumDsBelow {
      display: flex;
      gap: 30px;
    }


    .dsBelowLeft {
      width: 100%;
      max-width: 630px;
      position: sticky;
      top: 14rem;
      height: fit-content;
    }

    /* .dsBelowLeft>img {
      filter: brightness(1.2);
    } */

    .dsBelowRight {
      width: 100%;
      max-width: calc(100% - 630px);
    }

    .classRomFaqWrap {
      justify-content: space-between;
      display: flex;
      /* gap: 5px; */
      background: transparent;
      padding: 0;
      border-radius: 6px;
      border: unset !important;
      flex-direction: column;
      margin-bottom: 10px;
      cursor: pointer;
    }

    .classRomFaqWrap .left {
      display: flex;
      gap: 15px;
      justify-content: space-between;
      align-items: flex-start;
      background: var(--white);
      border-radius: 6px;
      padding: 12px;
    }

    .leftDsBottom {
      display: flex;
      flex-direction: column;
      gap: 6px;
    }

    .gradientWhiteBtn {
      border: 1px solid transparent;
      display: flex;
      flex-direction: column;
      gap: 20px;
      border-radius: 16px !important;
      max-width: fit-content;
    }

    .faqHeading {
      font-size: 18px;
      font-family: "go-semibold";
      line-height: 160%;
      color: var(--grey17);
    }

    .classRomFaqWrap.active .toggler {
      transform: rotate(45deg);
      filter: invert(1);
      transition: 0.4s ease-in;
    }

    .inclassansUl {
      display: flex;
      gap: 20px;
      background: var(--white3);
      padding: 0 12px;
      border-bottom: 1px solid var(--grey4);
      background: var(--white);
    }

    .inclassansUl li {
      font-size: 13px;
      font-family: var(--go-medium);
      line-height: 150%;
      color: var(--grey10);
      padding: 8px 0;
      position: relative;
    }

    .inclassansUl li.active {
      transition: all 0.4s ease-in-out;
      color: black;
    }

    .inclassansUl li.active::after {
      content: "";
      display: block;
      position: absolute;
      bottom: -1px;
      left: 0;
      width: 100%;
      border-bottom: 1px solid var(--black);
      z-index: 2;

    }

    .contentOfOutClass {
      padding: 18px 12px;
      background: var(--white);
      display: flex;
      flex-direction: column;
      gap: 8px;
      cursor: auto;
    }

    .dsBelowRight .content-section {
      width: 100%;
    }

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

    .inclassDataParent {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

    .outclassContentDivi {
      display: flex;
      flex-direction: column;
      /* border-bottom: 1px solid var(--grey4); */
      gap: 12px;
      padding-left: 20px;
      list-style: disc;
    }

    .greyParaOutclass {
      font-size: 13px;
      font-family: var(--go-regular);
      line-height: 150%;
      color: var(--grey15);
    }

    .headingParagraph {
      font-size: 13px;
      font-family: var(--go-semibold);
      line-height: 140%;
      color: var(--black17);

    }

    .gradientWhiteBtn button {
      display: flex;
      gap: 10px;
      background: var(--white);
      color: var(--black);
      font-size: 12px;
      font-family: var(--go-regular);
      border-radius: 16px;
      line-height: 120%;
      padding: 4px 12px;
      border-radius: 60px;
      font-weight: 400;
    }

    .viewMoreButton {
      background: var(--white3);
      font-family: "fraunces", serif;
      border-radius: 16px;
      border: 1px solid var(--grey4);
      max-width: fit-content;
      font-size: 13px;
      display: flex;
      gap: 10px;
      color: var(--black);
      cursor: pointer;
      align-items: center;
      padding: 6px 10px;
    }

    .gradientWhiteBtn {
      background: linear-gradient(119deg, #39b6d8 -19.47%, #f7d344 47.29%, #e38330 112.78%) border-box;
      border: 1px solid transparent;
      display: flex;
      flex-direction: column;
      gap: 20px;
      border-radius: 16px !important;
      max-width: fit-content;
    }

    .classRomFaqWrap .toggler {
      cursor: pointer;
      position: relative;
      max-width: 42px;
    }
  }

  .weeklySection {
    background: var(--black);
    border-block: 1px solid var(--black5);
    padding: 80px 0;



    .weeklyWrapper {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 40px;
    }

    .weeklyImageWrapper {
      width: 100%;
    }
  }

  .futureTiltSection {
    background: var(--black);
    padding: 80px 0;

    .futureTiltWrapper {
      display: flex;
      width: 100%;
      align-items: center;
      justify-content: space-between;
    }



    .cardVideo {
      min-height: 100% !important;
    }


    .futureUpperLefti {
      width: 100%;
      max-width: 560px;
    }

    .futureUpperLefti {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 32px;
    }

    .insightBtn {
      display: flex;
      flex-direction: row-reverse;
      gap: 12px;
      align-items: center;
    }

    .swiper-pagination {
      width: 100% !important;
      margin-top: 10px;
    }

    .futureLeftList {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 16px;
    }

    .futureListItem {
      display: flex;
      align-items: flex-start;
      gap: 12px;

      svg {
        width: 100%;
        max-width: 22px;
      }
    }

    .listItemPara {
      font-size: 14px;
      line-height: 150%;
      font-family: var(--go-regular);
      color: var(--grey10);
    }

    .futureListBold {
      font-family: var(--go-semibold);
      color: var(--grey18);
    }

    .futureRight {
      width: 100%;
      max-width: 50%;
      overflow: hidden !important;
    }

    .swiper-slide-prev {
      margin-right: -10px !important;
    }

    .swiper-slide-next {
      margin-left: -10px !important;
    }

    .globalCard {
      position: relative;
    }

    .globalCard .masterPlay svg {
      position: absolute;
      bottom: 20px;
      right: 20px;
      backdrop-filter: blur(2px);
      border-radius: 60px;
    }

    .swiper-slide-active {
      border: 1px solid var(--black5);
      border-radius: 12px !important;
      max-height: 549px;
      opacity: 1;
      transition: 0.2s all ease;
    }

    .swiper-slide-next,
    .swiper-slide-prev {

      opacity: 0.75;

      .masterPlay {
        opacity: 0;
        transition: 0.2s all ease;
      }
    }

  }

  .dsaiMasters {
    background-color: var(--white);
    padding: 80px 0;
    position: relative;

    display: flex;
    flex-direction: column;
    /* Hide scrollbar for webkit browsers */
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */

    /* Hide scrollbar for webkit browsers */
    &::-webkit-scrollbar {
      display: none;
    }

    .tbmMasterLogo {
      max-width: 200px;
      max-height: 35px;
      min-height: 35px;
      margin-top: 10px;
      width: 100%;
    }

    .newMasterDetailsWrap {
      border-radius: 0px 0px 8px 8px;
      line-height: 0;
      margin: -1px 0 0;
      padding: 16px;
      background: #171717;

    }

    .newMasterBoxImg {
      line-height: 0;
      max-width: 100%;
      min-width: 16%;
    }

    .marqueesliders {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 16px;
      overflow: auto;
    }

    .expertsDivi {
      display: flex;
      flex-direction: column;
      gap: 8px;
      align-items: flex-start;
    }

    .go-HeroSubtitle {
      color: var(--grey3);
    }

    .industrySpan {
      color: var(--black);
      font-weight: 600;
    }

    .mastersScroll {
      margin-top: 32px;
    }

    .newMasterDetailsWrap h3 {
      font: 16px "go-regular";
      color: var(--white);
    }

    .newMasterDetailsWrap h4 {
      font: 12px 'go-regular';
      line-height: 150%;
      color: var(--grey10);
    }

    .newMasterDetailsWrap svg {
      margin-top: 10px;
      max-width: 200px;
      max-height: 35px;
      min-height: 35px;
    }
  }

  .podcastSection.immersion {
    background: url("https://images.mastersunion.link/uploads/04042026/v1/Vector1351.webp"), var(--black);
    padding: 40px !important;
    background-size: cover;
    background-repeat: no-repeat;
    border-bottom: 1px solid var(--black5);

    .podcastHeadingWrapper {
      gap: 12px;
    }

    .podcastWrapper {
      background: var(--white3);
      border-radius: 10px;
      padding: 32px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 50px;
    }

    .podcastHeadingWrapper .go-HeroSubtitle {
      font-size: 14px;
    }

    .podcastRight {
      max-width: 486px;
    }

    .podcastLeft {
      max-width: 600px;
    }

    .podcastLeftTagWrapper {
      gap: 16px;
      display: flex;
      flex-wrap: wrap;
    }

    .podcastLeftTag {
      background: var(--grey16);
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 8px 16px;
      border-radius: 60px;
    }

    .tagText {
      color: var(--black);
      font: 13px "go-medium";
      line-height: 120%;
      min-width: fit-content;
    }


    .podcastLeftTag:hover {
      background: var(--black);
      transition: background 0.3s ease;

      .tagText {
        color: var(--white);
      }

      svg path {
        fill: var(--white);
      }

      path {
        fill: var(--white);
      }

    }
  }

  .sittingLectures {
    padding: 80px 0;
    border-block: 1px solid var(--black5);
    background-color: var(--black);
    color: white;
    position: relative;

    .lectureLogoHeading {
      font-size: 14px;
      font-weight: 600;
      line-height: 150%;
      letter-spacing: 0px;
      color: rgba(115, 115, 115, 1);
    }

    .buildReportDropdown {
      position: relative;
      align-self: flex-start;
      z-index: 1;
    }

    .buildReportDropdown__trigger {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      /* width: 100%; */
      cursor: pointer;
      /* font: inherit; */
      text-align: center;
    }

    .buildReportDropdown__chevron {
      flex-shrink: 0;
      display: block;
      transform: rotate(0deg);
      transform-origin: center;
      transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .buildReportDropdown.is-open .buildReportDropdown__chevron {
      transform: rotate(180deg);
    }

    .buildReportDropdown__panel {
      display: none;
      position: absolute;
      left: 0;
      bottom: 41px;
      z-index: 5;
      min-width: 100%;
      width: max-content;
      background: #fff;
      border: 1px solid #e5e5e5;
      border-top: none;
      border-radius: 16px 16px;
      box-shadow: 0 12px 28px rgba(0, 0, 0, 0.1);
      overflow: hidden;
    }

    .buildReportDropdown__item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      padding: 8px 16px;
      color: #171717;
      font-size: 14px;
      line-height: 140%;
      text-decoration: none;
      border-bottom: 1px solid #e5e5e5;
      transition: background 0.15s ease;
    }

    .buildReportDropdown.is-open .buildReportDropdown__panel {
      display: block;
    }

    .mobImgTop>img {
      border-radius: 8px 8px 0px 0px;
    }

    .lectureLogo.twoRow {
      flex-direction: column;
      align-items: flex-start !important;
      gap: 8px !important;

      img {
        max-width: 358px;
      }
    }

    .lectureImageWrapper {
      position: relative;

      .masterPlay>svg {
        position: absolute;
        right: 20px;
        bottom: 20px;
      }
    }

    .cardsticky {
      top: 160px !important;
    }

    .card5 .lectureLogo {
      display: flex;
      gap: 30px;
      align-items: center;

      .logo>img {
        width: unset;
        height: unset;
      }

      .logo {
        max-width: 70px;
      }

      .logo.number3 {
        max-width: 45px;
        max-height: 45px;
      }
    }

    .card1 .lectureCardLogoWrapper {
      display: flex;
      gap: 0;
    }

    .logoScroller {
      overflow: hidden;
      width: 100%;
    }

    .logoTrack {
      display: flex;
      width: 100%;
      align-items: center;
      gap: 20px;

      .logo {
        margin-right: 10px;
        min-height: 47px;
        min-width: 59px;
      }


    }

    .lectureWrapper {
      display: flex;
      flex-direction: column;
      gap: 40px;
    }

    .investCardWrapper {
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

    .lectureRightCard {
      width: 100%;
      max-width: 600px;
      position: relative;
    }

    /* .logo {
       width: 41px;
     } */

    .px100 {
      width: 100px;
    }

    .lectureUpper {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
    }

    /*  upper p tag */
    .goGalano16 {
      font-family: var(--go-regular);
      color: var(--grey18);
      line-height: 150%;
      max-width: 473px;
    }

    .lectureCard {
      background-color: white;
      color: black;
      display: flex;
      justify-content: space-between;
      border-radius: 24px;
      max-height: 470px;
    }

    .lectureLeftCard {
      max-width: 546px;
      display: flex;
      justify-content: center;
      align-items: center;
      padding-left: 40px;
    }

    .cardMainContent {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

    .lectureRightCard img {
      border-radius: 0 22px 22px 0px;
      max-width: 100%;
    }

    .leftCardContent {
      display: flex;
      flex-direction: column;
      gap: 16px;
      width: 100%;
    }

    /* ---- SWITCH ----------- */
    .lectureCardFlip {
      display: flex;
      /* justify-content: space-between; */
      max-height: 470px;
      background-color: rgb(255, 255, 255);
      color: black;
      border-radius: 24px;
    }

    .lectureRightCardFlip {
      max-width: 600px;
      padding-left: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .RightCardContentFlip {
      max-width: 476px;
      display: flex;
      flex-direction: column;
      gap: 24px;
    }

    .lectureLeftCardFlip img {
      border-radius: 22px 0 0 22px;
      max-width: 100%;
    }



    .card4 .lectureCardLogoWrapper {
      gap: 0;

      .logo {
        max-height: 80px;
      }
    }

    /* --------- COMPONENTS ----- */

    /*  TAG COMPONENT  */
    .tag {
      background-color: var(--black);
      border-radius: 60px;
      display: inline-block;
      padding: 5px 15px;
      /* width: fit-content; */

      font-size: 14px;
      font-family: "Fraunces", serif;
      font-weight: 400;
      line-height: 120%;
      color: var(--white);
      max-width: fit-content;
    }

    /*  lECTURE CARDS COMPONENT */

    .lectureCardLogoWrapper {
      display: flex;
      gap: 24px;
      margin-top: 16px;
      align-items: center;
      /* overflow: auto; */
    }

    .card4 .lectureCardLogoWrapper .logo {
      margin-right: 0;
    }

    .lectureLeftCardFlip {
      width: 100%;
      max-width: 640px;
    }

    .LectureCreaterProfileCard {
      display: flex;
      gap: 10px;
      flex: 0 0 50%;
      box-sizing: border-box;
      max-width: 230px;
      align-items: center;
      transition: 0.2s all ease;
      max-height: 48px;
    }

    .LectureCreaterProfileCard:hover {
      background: var(--grey4);
      border-radius: 24px;
    }

    .LectureCreaterProfileWrapper {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      /* gap: 20px; */
    }

    .LectureCreaterProfileCard img {
      width: 48px;
      height: auto;
      max-width: 100%;
      object-fit: contain;
    }

    .lectureCard .lectureCardFlip h2 {
      font-size: 16px;
      font-weight: 400;
    }

    .lectureProfileCards h4 {
      font-size: 12px;
      font-weight: 600;
      line-height: 150%;
      letter-spacing: 0px;
      color: rgba(115, 115, 115, 1);
    }

    .lectureP {
      font-weight: 400;
      font-size: 16px;
      line-height: 150%;
      color: var(--grey3);
    }

    .lectureProfileCards {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

    /* FONTS */

    .frItalic34 {
      font: italic 34px/1.2 "Fraunces", serif;

    }

    .goGalano30 {
      font-family: 'go-regular' !important;
      font-weight: 400;
      font-size: 30px;
      line-height: 120%;

    }

    .cardSubHeading {
      font-family: "Fraunces", serif;
      font-weight: 400;
      font-size: 34px;
      line-height: 120%;
    }

    .cardMainHeading {
      font-size: 30px;
      /* font-family: var(--go-regular); */
      font-weight: 400;
      line-height: 100%;
    }

    .profileLightText {
      font-weight: 400;
      font-size: 13px;
      line-height: 120%;
      color: var(--grey3);
    }

    .profileHeadingText {
      font-size: 16px;
      line-height: 120%;
      font-weight: 400;
      color: var(--black);
    }

    /* TABLE COMPONENT */

    .dot-list {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      /* 2 columns */
      list-style-type: disc;
      padding-left: 20px;
      gap: 0px 24px;
      /* row gap and column gap */
      max-width: 500px;
      /* optional: control total width */
    }

    .dot-list li {
      font-weight: 400;
      font-size: 16px;
      line-height: 150%;
      color: var(--grey3);
      /* margin-bottom: 8px; */
    }

    /* INVESTMENT PROFILE CARDS */

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

    .investmentCard {
      display: flex;
      gap: 8px;
      align-items: end;
    }

    .investmentHeading {
      font-size: 16px;
      font-weight: 400;
      line-height: 150%;
    }

    .investmentSubheading {
      font-weight: 400;
      font-size: 13px;
      line-height: 150%;
      color: var(--grey3);
    }

    .investmentImg {
      padding: 0;
    }

    .investmentImg img {
      /* width: 50%; */
      width: 32px;
      height: 32px;
    }

    /* sticky part */
    .card1 {
      position: sticky;
      top: 125px;
      max-height: 469.5px;
    }

    .card2 {
      position: sticky;
      top: 137px;
      max-height: 468px;
      overflow: hidden;
    }

    .card3 {
      position: sticky;
      top: 149px;
      max-height: 468px;
      overflow: hidden;
    }

    .card4 {
      position: sticky;
      top: 161px;
      max-height: 468px;
      overflow: hidden;
    }

    .card5 {
      position: sticky;
      top: 173px;
      max-height: 468px;
      overflow: hidden;
    }

    .card6 {
      position: sticky;
      top: 185px;
      max-height: 468px;
      overflow: hidden;
    }

    .card7 {
      position: sticky;
      top: 197px;
      max-height: 468px;
      overflow: hidden;

      .logo {
        max-width: 75px;
        max-height: 100%;
      }
    }


    /*  1280 view VIEW  */



    /* end of 1280 view  */
    /* mobile view @390 W */
    @media (max-width: 767px) {

      .logoTrack.marquee-track .logo img {
        max-width: 70px !important;
      }

      .lectureWrapper {
        gap: 24px;
      }

      .mob-visible {
        display: block !important;
      }

      .goGalano30 {
        font-size: 22px;
      }

      .frItalic34 {
        font: italic 24px / 1.2 "Fraunces", serif;
      }

      .goGalano16 {
        font-size: 14px;
      }

      .lectureUpper {

        flex-direction: column;
      }

      .lectureCard,
      .lectureCardFlip {
        display: flex;
        flex-direction: column;
        min-height: 630px;
        /* max-height: 650px; */
        justify-content: start;
        border-top: 1px solid var(--grey);
        /* max-height: 577px; */
        padding: 16px 8px;
        gap: 18px;
        border: unset;
      }

      .masterPlay>svg {
        position: unset !important;
      }

      .cardMainContent {
        gap: 12px;
      }

      .lectureLeftCard {
        padding-left: 0px;

        button {
          margin: 0 8px;
        }
      }

      .tag {
        padding: 5px 10px;
        font-size: 12px;
      }

      .cardMainHeading {
        font-size: 18px;
      }

      .cardSubHeading {
        font-size: 20px;
      }

      .lectureP {
        font-size: 14px;
      }

      .logo>svg {
        width: 85px !important;
        height: 85px !important;
      }

      .lectureCardLogoWrapper {
        gap: 24px;
        margin-top: 4px;
        flex-wrap: wrap;

        /* align-items: center; */
      }

      .lectureProfileCards h4 {
        font-size: 11px;
      }


      .profileHeadingText {
        font-size: 13px;
      }

      .card4 .logo {
        max-width: 22%;
        max-height: 22%;
      }

      .LectureCreaterProfileCard:first-child {
        max-width: 160px !important;
      }

      .LectureCreaterProfileCard:nth-child(3) {
        max-width: 140px !important;
      }

      .profileLightText {
        font-size: 12px;
      }

      .LectureCreaterProfileImg img {
        height: 40px;
        width: 40px;
        max-width: 40px;
      }

      .dot-list li {
        font-size: 13px;
      }

      .mobImgTop {
        position: relative;
      }

      .dot-list {
        gap: 0px 12px;
      }

      .investmentCardWrapper {
        padding: 0 8px;
        gap: 6px;
      }

      .investmentCard svg {
        height: 30px;
        width: 30px;
      }

      .investmentHeading {
        font-size: 14px;
      }

      .investmentSubheading {
        font-size: 12px;
      }

      .lectureRightCardFlip {
        padding-left: 0;
      }

      .RightCardContentFlip {
        padding: 0;
      }
    }

  }

  .bluePrintNew.black {
    background: var(--white);
    border-bottom: 1px solid var(--grey4);
    padding: 60px 0;

    .mt12 {
      margin-top: 12px;
    }

    .blueprintWrapper {
      display: flex;
      gap: 20px;
      justify-content: space-between;
      align-items: center;
    }

    .headingWrap.masterleft {
      display: flex;
      flex-direction: column;
      width: 45%;
      align-items: flex-start;
      gap: 12px;
    }

    .bannerSubheading {
      color: var(--grey3);
      font-size: 16px;
    }

    .headingWrap.masterleft {
      width: 45%;
      display: flex;
    }



    .masterRight {
      width: 40%;
      position: relative;
    }
  }

  .craftedSection {
    background: var(--white3);
    border-top: 1px solid var(--grey4);
    padding: 80px 0;

    .craftedWrapper {
      display: flex;
      align-items: flex-start;
      flex-direction: column;
      gap: 40px;
    }

    .beyondWrapperParent {
      display: flex;
      justify-content: space-between;
      width: 100%;
      align-items: flex-start;
    }

    .learnPara {
      font-size: 16px;
      line-height: 20.81px;
      color: var(--black);
      font-family: var(--go-regular);
    }

    .bseLogo {
      margin-top: -12px;
    }

    .whiteCaution {
      padding: 8px 12px;
      width: 100%;
      border-radius: 8px;
      border: 1px solid transparent;
      background: linear-gradient(var(--white) 0 0) padding-box,
        var(--gradient) border-box;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 12px;
      max-width: 48%;

      p {
        font-size: 11px;
        line-height: 150%;
        font-family: var(--go-regular);
        color: var(--grey3);
      }
    }

    .placeImageWrapper {
      position: relative;
      min-height: 260px;
    }

    .placeDetail.active .toggler {
      transform: rotate(45deg);
      filter: invert(1);
      transition: 0.4s ease-in;
    }

    .toggler {
      position: relative;
      transition: 0.4s ease-in;
    }

    .placeImageWrapper .placeImage {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      z-index: 1;
      transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      display: none;
      transform: scale(0) rotate(0deg);
      /* start small */
      transform-origin: bottom right;
      /* diagonal effect from this corner */
      transition: transform 1.2s cubic-bezier(0.3, 1.4, 0.4, 1),
        opacity 0.3s ease-in;
    }

    .placeImageWrapper .placeImage.active {
      opacity: 1;
      z-index: 2;
      display: block;
      transform: scale(1);
    }

    .placeImageWrapper .placeImage img {
      width: 100%;
      height: auto;
      display: block;
    }

    .placeDetailWrapper .placeDetail {
      border-bottom: 1px solid #eee;
    }

    .placeDetailWrapper .placeDetail .placeAccodianContent {
      overflow: hidden;
    }

    .placeWrapper {
      display: flex;
      width: 100%;
      align-items: flex-start;
      justify-content: space-between;
    }

    .placeImageWrapper {
      width: 100%;
      max-width: 600px;
      position: sticky;
      top: 14rem;
      min-height: 460px;
    }

    .placeDetailWrapper {
      width: 100%;
      max-width: 600px;
    }

    .placeDetail {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .placeUpper {
      padding: 12px;
      border-bottom: 1px solid var(--grey4);
      background: var(--white);
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      cursor: pointer;
    }

    .placeTextWrapper {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 8px;
    }

    .termBtn {
      padding: 3px 10px;
      border-radius: 20px;
      background: var(--black);
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 12px;
      line-height: 120%;
      font-family: var(--go-regular);
      color: var(--white);
      width: fit-content;
    }

    .placeName {
      font-size: 18px;
      line-height: 150%;
      font-family: var(--go-semibold);
      color: var(--black);
    }

    .accodianUpper {
      padding: 12px;
      display: flex;
      align-items: flex-start;
      flex-direction: column;
      background: var(--white);
      gap: 12px;
      border-bottom: 1px solid var(--grey4);
    }

    .placePara {
      font-size: 13px;
      line-height: 150%;
      color: var(--black);
      font-family: var(--go-regular);
    }

    .accodianBelow {
      padding: 18px 12px;
      background: var(--white3);
      border-bottom: 1px solid var(--grey4);
      display: flex;
      align-items: flex-start;
      gap: 4px;
    }

    .imersionLogo {
      width: 100%;
      height: 100%;
      max-width: 20px;
      max-height: 20px;
    }

    .immersionBoxi {
      display: flex;
      align-items: flex-start;
      flex-direction: column;
      gap: 4px;
    }

    .headingCraft {
      width: 100%;
      background: var(--white3);
      padding-bottom: 20px !important;
      position: sticky;
      top: 6.5rem;
      z-index: 999;
      padding-top: 22px;
    }

    .termBtn.immersionTag {
      background: var(--grey4);
      font-family: var(--go-medium);
      color: var(--black);
    }

    .ratioWrapper {
      display: flex;
      width: 100%;
      justify-content: space-between;
      align-items: flex-start;
    }

    .mainCraft {
      margin-top: 40px;
    }

    .ratioBoxi {
      width: 100%;
      padding-left: 24px;
      border-left: 2px solid #e38330;
      display: flex;
      align-items: center;
      min-height: 84px;
    }

    .ratioPara {
      font-size: 13px;
      line-height: 150%;
      font-family: var(--go-regular);
      color: var(--grey3);
    }

    .ratioNumber {
      font-size: 30px;
      line-height: 120%;
      font-family: var(--go-medium);
      color: var(--black);
    }

    .rationNumBoxi {
      display: flex;
      align-items: center;
      gap: 30px;
      width: 100%;
    }

    .bengDivi.rationNumBoxi {
      width: 100%;
    }

    .darjleeingBox.rationNumBoxi {
      width: 30%;
    }

    .mumbaiWrapper.rationNumBoxi {
      width: 100%;
      gap: 24px;
    }

    .rationLogoBoxi {
      max-height: 40px;
      width: 100%;
      max-width: fit-content;

      img {
        max-height: 40px;
      }
    }
  }

  .summerSchoolSection {
    background-color: var(--white3) !important;
    border-top: 1px solid var(--grey4) !important;

    .insightCard {
      padding: 8px 8px 12px 8px;
      border-radius: 8px;
      background: var(--white);
      border: 1px solid var(--grey4);
    }

    .insightNames {
      font-size: 16px !important;
      font-family: var(--go-semibold) !important;
    }

    .aboutVideo {
      border-top: none !important;
      padding-top: 0 !important;
      color: #404040 !important;
    }

    .sectionTag {
      padding: 8px 10px;
      border-radius: 40px;
      color: var(--grey4);
      font: 13px "go-medium";
      max-width: fit-content;
      line-height: 100%;
    }

    .blackTag {
      /* border-radius: 7px; */
      background: var(--new-color-neutral-090909, #090909);
      width: fit-content;
      display: flex;
      align-items: center;
      justify-content: center;
      height: fit-content;
      padding: 6px 8px !important;
    }
  }

  .singleDualDegreeSection {
    background: var(--black);
    padding: 80px 0;

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

    .singleDualLeft {
      width: 100%;
      max-width: 580px;
    }

    .whiteDegreeTag {
      background-color: #313131;
      padding: 8px 16px;
      font-size: 13px;
      font-family: var(--go-medium);
      line-height: 120%;
      text-transform: uppercase;
      color: var(--grey4);
      width: fit-content;
      border-radius: 24px;
      margin-bottom: 8px
    }

    .singleDualDegreeHeadingWrapper {
      display: flex;
      flex-direction: column;
      gap: 32px;
    }

    ul li {
      list-style-type: disc;
      font-size: 16px;
      line-height: 150%;
      font-family: var(--go-semibold);
      color: #D4D4D4;
      margin-left: 16px;
      margin-top: 4px;
    }

    .singleDualRight {
      max-width: 580px;
      width: 100%;


    }

    .singleDualCardImage {
      position: relative;
      width: 100%;
      height: 100%;

    }



    .newMasterPlay {
      position: absolute;
      /* or fixed */
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: fit-content;
      height: fit-content;
    }

    .newMasterPlay {
      height: 48px;
      width: 48px;

    }
  }

  .mastersPathway {
    padding: 80px 0;
    background-color: var(--white);

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

    .pathwayLeft {
      width: 100%;
      max-width: 580px;
    }

    .pathwayRight {
      width: 100%;
      max-width: 580px;
      height: 100%;
    }

    .pathwayRight img {
      height: 100%;
      width: 100%;
      object-fit: cover;
      min-height: 344px;
      border-radius: 10px;
    }

    .pathwayTag {
      font-size: 13px;
      line-height: 120%;
      text-transform: uppercase;
      font-family: var(--go-medium);
      background-color: var(--grey4);
      padding: 8px 16px;
      border-radius: 25px;
      margin-bottom: 8px;

      width: fit-content;

    }

    .pathwayHeading {
      font-size: 30px;
      line-height: 120%;
      font-family: var(--go-regular);
      margin-bottom: 8px;
    }

    .pathwayDescription {
      font-size: 16px;
      line-height: 150%;
      font-family: var(--go-regular);
      color: var(--grey3);
    }


    .pathwayList {
      margin-top: 24px;
    }

    .listHead {
      margin-bottom: 12px;
      font-size: 18px;
      line-height: 150%;
      font-family: var(--go-regular);
    }


    ul li {
      list-style: disc !important;
      margin-left: 18px;
      font-size: 16px;
      line-height: 150%;
      font-family: var(--go-semibold);
      color: var(--grey3);
    }
  }

  .amongTopSection {
    padding: 0 !important;
    display: flex;
    gap: 40px;
    border-bottom: 1px solid var(--grey10);
    max-height: 110vh;
    background: var(--white);

    .amongTopLeftWrapper {
      max-width: 50%;
      width: 100%;
      position: relative;
      line-height: 0;
    }

    .insightPara {
      font-family: 14px;
      font-family: var(--go-regular);
      line-height: 150%;
      color: var(--grey3);
    }

    .buttonsParent {
      display: flex;
      gap: 12px;
      align-items: center;
      /* justify-content: space-between; */
      width: 100%;
    }

    .amongTopRightWrapper {
      max-width: 40%;
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 24px;
      align-items: flex-start;
      padding-block: 80px;
      /* justify-content: center; */
    }

    .amondTopStatsWrapper {
      padding-block: 16px;
      display: flex;
      flex-direction: column;
      gap: 8px;
      align-items: center;
      text-align: center;
      max-width: 196px;
      min-width: 196px;
      width: 100%;
      border-right: 1px solid var(--grey4);
    }

    .amongTopMain {
      display: flex;
      gap: 8px;
      align-items: flex-start;

      .amondTopStatsWrapper:last-child {
        border-right: none;
      }
    }

    .amongTopLogos {
      display: flex;
      flex-wrap: wrap;
      gap: 4px;
      align-items: center;
      justify-content: center;
    }

    .logo {
      max-width: 135px;
      width: 100%;
    }

    .statNumber {
      font: 42px "go-semibold";
      line-height: 120%;
      color: var(--black);
    }

    .statText {
      font: 13px "go-regular";
      line-height: 120%;
      color: var(--grey3);
    }
  }

  .insightSection.careerPage {
    .insightRightWrapper {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: end;
      width: 100%;
      gap: 24px;
      max-width: 270px;
    }

    .inisghtImageWrapper {
      img {
        border-radius: 8px !important;
      }
    }


    .insightCard {
      border-radius: 14px;
      border: 1px solid #E5E5E5;
      background: #FFF;
      box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.04);
      padding: 0 !important;
      gap: unset !important;
    }



    .facultyDetailsWrapper {
      gap: 4px !important
    }

    .cardDetailBold {
      font-family: var(--go-semibold);
      color: var(--grey3);
    }

    .insightCard:hover .inisghtImageWrapper>img {
      transform: unset;
      transition: unset;
    }

    .facultyDetailsWrapper {
      padding: 16px;
    }

    .cardUpper {
      padding-bottom: 0 !important;
      border-bottom: none !important;
    }
  }


  .enrollmentSectionNew {
    background: url(https://images.mastersunion.link/uploads/08052025/v2/Vector13518.svg), #000;
    background-repeat: no-repeat;
    padding: 80px 0;
    background-size: cover;

    .enrollmentWrapper {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      gap: 32px;
    }

    .go-HighlightHeading {
      text-align: center;
    }

    .threeCards {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      width: fit-content;
      gap: 12px;
    }

    .fourCards {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 12px;
    }

    .gridCard {
      position: relative;
      overflow: hidden;
      max-height: 315px;
      border-radius: 8px;
      border: 1px solid var(--grey3);
    }


    .gridCard:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 30%;
      background: linear-gradient(to top,
          rgba(0, 0, 0, 0.55),
          transparent);
      z-index: 1;
      pointer-events: none;
    }

    .enrollOverlay {
      position: absolute;
      bottom: 16px;
      left: 16px;
      transition: all 0.3s ease;
      opacity: 1;
      z-index: 3;
    }

    .onhoverOverlay {
      position: absolute;
      border-radius: 8px;
      background: linear-gradient(to top,
          rgba(0, 0, 0, 0.85) 10%,
          rgba(0, 0, 0, 0.65) 30%,
          rgba(0, 0, 0, 0.4) 60%,
          rgba(0, 0, 0, 0) 100%);
      background-repeat: no-repeat;
      padding: 16px 0 16px 16px;
      flex-direction: column;
      z-index: 5;
      justify-content: flex-end;
      display: flex;
      opacity: 0;
      left: 0;
      bottom: 0;
      height: 50%;
      width: 100%;
      transition: bottom 0.4s ease-in-out, opacity 0.4s ease-in-out;
    }

    .gridCard:first-child .onhoverOverlay {
      height: 70%;
    }

    .onhoverOverlay:hover {
      opacity: 1;
      bottom: 0;
    }

    .gridCardBlack {
      position: absolute;
      width: 100%;
      height: 50%;
      left: 0;
      /* top: 0; */
      bottom: 0;
    }

    .gridCard:hover .onhoverOverlay {
      bottom: 0;
      opacity: 1;
    }

    .onhoverOverlay .overlayNumber {
      color: var(--grey4);
      max-width: 90%;
      margin-top: 12px;
    }

    .gridCard:hover .enrollOverlay {
      opacity: 0;
    }

    .overlayNumber {
      font-size: 13px;
      line-height: 120%;
      font-family: var(--go-regular);
    }

    .overlayText {
      font-size: 22px;
      line-height: 120%;
      font-family: "fraunces", serif;
      font-weight: 400;
    }

  }

  .podcastSection {
    background: linear-gradient(125deg, #39b6d8 -20%, #f7d344 50%, #e38330 100%);
    padding: 60px 0;

    .podcastLeft a {
      gap: 10px;
    }

    .podcastHeadingWrapper .go-HeroSubtitle {
      font-size: 14px;
    }

    .podcastWrapper {
      background: var(--white3);
      border-radius: 10px;
      padding: 32px 52px;
      display: flex;
      gap: 70px;
      align-items: center;
      gap: 50px;
    }

    .podcastLeft {
      width: 100%;
      max-width: 48.75%;
      display: flex;
      flex-direction: column;
      gap: 32px;
      align-items: flex-start;
    }

    .podcastHeadingWrapper {

      display: flex;
      flex-direction: column;
      gap: 10px;
      align-items: flex-start;
    }

    .idealButton {
      display: flex;
      align-items: center;
      gap: 16px;
    }

    .podcastRight {
      width: 100%;
      max-width: 51.45%;
      line-height: 0;
    }

    .podcastHeadingWrapper .go-HeroSubtitle {
      line-height: 150%;
      color: var(--grey3);
    }

    .whiteApplyButton {
      font-family: var(--go-regular);
      transition: all 0.3s ease;
    }

    .whiteApplyButton svg {
      transition: transform 0.3s ease;
    }

    .whiteApplyButton:hover svg {
      transform: translateX(5px);
    }
  }

  .applicationTimeline {
    background: var(--white);
    padding: 80px 0;

    th:first-child,
    td:first-child {
      width: 80px;
    }

    .timelineRow {
      .btnSm {
        min-width: max-content;
      }
    }

    th:nth-child(2),
    td:nth-child(2) {
      width: 140px;
    }

    th:nth-child(3),
    td:nth-child(3) {
      width: 200px;
    }

    .notActiveRow .whiteTag .statusTable {
      background: var(--white4);
      color: var(--grey);
    }



    background: var(--white);

    th:first-child,
    td:first-child {
      width: 120px;
    }


    .applicationTimelineWrapper {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 24px;
      width: 100%;

    }

    .applicationTimelineTable {
      width: 100%;
      table-layout: fixed;
      border-collapse: collapse;
    }

    .applicationTimelineTable thead {
      background: var(--grey16);
      width: 100%;
    }

    .headingTable {
      font-size: 12px;
      line-height: 120%;
      font-family: var(--go-regular);
      color: var(--black5);
      padding: 12px 10px;
      text-align: start;
      font-weight: 400;
    }

    .timelineRow {
      font-size: 14px;
      line-height: 120%;
      font-family: var(--go-medium);
      color: var(--grey17);
      text-align: start;
      padding: 24px 10px;
      font-weight: 500;
    }



    .greyActive {
      padding: 4px 15px;
      justify-content: center;
      align-items: center;
      display: flex;
      border-radius: 60px;
      background: var(--grey4);
      font-size: 14px;
      font-style: italic;
      font-weight: 400;
      line-height: 120%;
      font-family: "fraunces", serif;
      width: fit-content;
    }

    .statusTable {
      padding: 6px 15px;
      justify-content: center;
      align-items: center;
      display: flex;
      font-family: "fraunces", serif;
      width: fit-content;
      background: #DDEBE5;
      border-radius: 60px;
      font-size: 14px;
      font-style: italic;
      font-weight: 400;
      line-height: 120%;
      color: #1C7C54;
    }

    .roundRow {
      border-bottom: 1px solid var(--grey4);
    }

    .applicationDivi {
      width: 100%;
    }

    .notActiveRow {
      .timelineRow {
        color: var(--grey10);
      }

      .statusTable {

        background: #FADFE1;
        font-size: 14px;
        font-style: italic;
        font-weight: 400;
        line-height: 120%;
        color: #DF2935;
      }

      .btnBlack.btnSm {
        backdrop-filter: blur(2.5px);
        border: 1px solid var(--Grey-70, #D4D4D4);
        background: var(--Grey-80, #E5E5E5);
        color: var(--grey10);
        min-width: max-content;


        svg path {
          fill: #a3a3a3;
        }
      }

      .greyActive {
        color: var(--black);
      }
    }


    .applicationTimelineTable {
      width: 100%;
      table-layout: fixed;
      border-collapse: collapse;
    }

    .applicationTimelineTable thead {
      background: var(--grey16);
      width: 100%;
    }

    .headingTable {
      font-size: 12px;
      line-height: 120%;
      font-family: var(--go-regular);
      color: var(--black5);
      padding: 12px 10px;
      text-align: start;
      font-weight: 400;
    }

    .timelineRow {
      font-size: 14px;
      line-height: 120%;
      font-family: var(--go-medium);
      color: var(--grey17);
      text-align: start;
      padding: 24px 10px;
      font-weight: 500;
    }

    .greyActive {
      padding: 4px 15px;
      justify-content: center;
      align-items: center;
      display: flex;
      border-radius: 60px;
      background: var(--grey4);
      font-size: 14px;
      font-style: italic;
      font-weight: 400;
      line-height: 120%;
      font-family: "fraunces", serif;
      width: fit-content;
    }

    .statusTable {
      padding: 6px 15px;
      justify-content: center;
      align-items: center;
      display: flex;
      font-family: "fraunces", serif;
      width: fit-content;
      background: #DDEBE5;
      border-radius: 60px;
      font-size: 14px;
      font-style: italic;
      font-weight: 400;
      line-height: 120%;
      color: #1C7C54;
    }

    .roundRow {
      border-bottom: 1px solid var(--grey4);
    }

    .applicationDivi {
      width: 100%;
      margin-top: 32px;
    }

    .notActiveRow {
      .timelineRow {
        color: var(--grey10);
      }

      .statusTable {

        background: #FADFE1;
        font-size: 14px;
        font-style: italic;
        font-weight: 400;
        line-height: 120%;
        color: #DF2935;
      }

      .btnBlack.btnSm {
        backdrop-filter: blur(2.5px);
        border: 1px solid var(--Grey-70, #D4D4D4);
        background: var(--Grey-80, #E5E5E5);
        color: var(--grey10);
        pointer-events: none;


        svg path {
          fill: #a3a3a3;
        }
      }

      .greyActive {
        color: var(--black);
      }
    }
  }

  .bluePrint {
    background: var(--black);
    padding: 60px 0 !important;

    .headingWrap.masterleft {
      flex-direction: column;
      align-items: flex-start;
      gap: 12px;
      width: 45%;
      display: flex;
    }

    .bannerSubheading {
      color: var(--grey10);
      font-size: 14px;
    }

    .flexbox.flexwrap {
      gap: 20px;
      justify-content: space-between;
      display: flex;
    }

    .aligncenter {
      align-items: center !important;
    }

    .masterRight {
      width: 45%;
      position: relative;
    }
  }

  .feeProcess {
    padding: 60px 0 65px;
    width: 100%;
    position: relative;
    overflow: hidden;
    background: var(--white);

    .feeProcessContainer {
      margin-bottom: 20px;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      gap: 20px;
    }

    .feeSectionMOb{
      width: 100%;
    }

    .feeProcessContainer .leftSection {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      width: 30%;
      position: sticky;
      top: 0;
      gap: 10px;
    }

    .feeProcessContainer .rightSection {
      width: 73%;
      position: relative;
      gap: 20px;
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
    }

    .feeProcessContainer .leftSection .listItem {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
    }

    .feeProcessContainer .leftSection .listItem .number {
      color: var(--black);
      font: 18px "go-medium";
    }

    .feeProcessContainer .rightSection::before {
      content: "";
      width: 4px;
      height: calc(100% + 80px);
      background: var(--grey4);
      position: absolute;
      left: 3.2%;
      z-index: 0;
    }

    .mobHeader {
      display: none;
    }

    .feeProcessContainer:last-child .rightSection:before {
      height: 100%;
    }

    .feeBox .detailsList .list {
      list-style: disc;
      padding-left: 20px;
    }



    #growingDiv {
      width: 4px;
      left: calc(33% - 5.7px);
      top: 0;
      max-height: 100%
    }

    .procedureImg {
      max-width: 60px;
      max-height: 60px;
      position: relative;
      z-index: 5;
    }

    .feeProcessContainer .rightSection .body {
      background: var(--grey16) !important;
      border-radius: 8px;
      gap: 20px;
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      flex-direction: column;

    }

    .rightSection .feeBox {
      overflow: hidden;
    }



    .feeProcessContainer.active .rightSection .procedureImgGrad {
      visibility: visible;
    }

    .feeProcessContainer .rightSection .procedureImgGrad {
      position: absolute;
      left: 0;
      top: 0;
      z-index: 9;
      visibility: hidden;
    }

    #growingDiv2,
    #growingDiv {
      content: "";
      width: 4px;
      /* max-height: 363%; */
      background: linear-gradient(180deg, #f7d344, #e38330);
      position: absolute;
      z-index: 1;
      /* top: 23px; */
    }

    .feeBox .body {
      padding: 32px !important;
    }

    .detailsList .subHeading {
      font-size: 22px;
      font-weight: 400;
      line-height: 120%;
      color: var(--grey3);
      font-family: "Fraunces", serif;
    }

    .curriculumHead {
      margin-top: 15px;
      font-size: 14px;
      font-family: var(--go-semibold);
      line-height: 150%;
      color: var(--grey3);
    }

    .evaluationHeading {
      font-size: 14px;
      font-family: var(--go-semibold);
      line-height: 150%;
      color: var(--grey3);
      margin-top: 4px;
    }

    .detailsList .list li {
      font-size: 14px;
      margin-top: 4px;
      color: var(--grey13);

    }

    .detailsList .list li p {
      color: var(--grey3);
    }

    .statustext {
      color: var(--grey3);
    }
  }

  .feeStructureSection {
    background: var(--black);
    border-block: 1px solid var(--black5);
    padding: 80px 0;

    h2 .fr-BreatherHeading {
      font-style: normal;
    }

    .feeStructureWrapper {
      display: flex;
      gap: 32px;
      align-items: stretch;
    }

    .feeStructureLeft {
      max-width: 60%;
    }

    .feeStructureRight {
      max-width: 40%;
    }

    .cautionWrapper {
      display: flex;
      flex-direction: column;
      gap: 16px;
      width: 100%;
    }

    .feeStructureLeft,
    .feeStructureRight {
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 32px;
      align-items: flex-start;
    }

    .feeStructureTable {
      border-collapse: collapse;
    }


    .feeDivider {
      width: 1px;
      background: var(--black5);
    }

    .feeStructureParent {
      width: 100%;
    }

    .feeStructureTable {
      width: 100%;
    }

    .feeHeadRow {

      border-radius: 16px 16px 0px 0px;
      background: var(--grey17);
    }

    .feeHeadCol {
      text-align: start;
      padding-right: 20px;
      padding: 12px 16px;
      vertical-align: bottom;
      line-height: 120%;
    }

    .feeHeadCol:first-child {
      border-top-left-radius: 4px;
      /* or whatever px you want */
      border-bottom-left-radius: 4px;
    }

    .feeHeadCol:last-child {
      border-top-right-radius: 4px;
      /* or whatever px you want */
      border-bottom-right-radius: 4px;
    }

    .feeYearText {
      font-size: 14px;
      line-height: 150%;
      font-family: var(--go-semibold);
      color: var(--white);
    }

    .feeYearGradient {
      font-size: 10px;
      line-height: 150%;
      font-family: var(--go-regular);
      text-transform: uppercase;
      background: var(--Linear-Gradient, linear-gradient(91deg, #39B5D7 1.8%, #F7D544 50.99%, #E38330 99.75%));
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      margin-bottom: 4px;
    }

    .bodyFeeCol {
      padding: 16px;
      text-align: start;
      font-size: 16px;
      line-height: 150%;
      font-family: var(--go-regular);
      color: var(--grey4);
      font-weight: 400;
      text-wrap: nowrap;
    }

    .bodyFeesRow {
      border-bottom: 1px solid var(--black5);
    }

    .feeColColor {
      color: var(--grey10);
    }

    .totalFee {
      color: var(--white);
      font-family: var(--go-semibold);
    }

    .cautionBlack {
      width: 100%;
      padding: 10px 20px;
      display: flex;
      align-items: center;
      gap: 10px;
      border-radius: 8px;
      background: linear-gradient(var(--grey17) 0 0) padding-box, var(--gradient) border-box;
      border: 1px solid transparent;

      svg {
        width: 100%;
        max-width: 24px;
      }
    }

    .cautionPara {
      font-size: 10px;
      line-height: 150%;
      font-family: var(--go-regular);
      color: var(--white);
    }
  }

  .financing {
    background: var(--white3);
    border-bottom: 1px solid var(--grey4);
    padding: 80px 0;

    .financingWrapper {
      display: flex;
      flex-direction: column;
      gap: 32px;
    }


    .financingHeadingWrap {
      display: flex;
      flex-direction: column;
      gap: 8px;
      width: 100%;
    }

    .caution {
      padding: 6px;
      width: 100%;
      border-radius: 8px;
      border: 1px solid transparent;
      background: linear-gradient(var(--white) 0 0) padding-box, var(--gradient) border-box;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 6px;
      margin-top: 40px;

      p {
        font-size: 12px;
        font-family: var(--go-regular);
        line-height: 150%;
      }
    }


    .financingSubHead {
      font-size: 16px;
      line-height: 150%;
      color: var(--grey3);
      font-family: var(--go-regular);
      font-weight: 400;
    }

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

    .financeMenu {
      display: flex;
      flex-direction: column;
      width: 100%;
      max-width: 190px;
      overflow-y: scroll;
      max-height: 360px;
      align-items: flex-start;
      background: var(--white4);
      border: 1px solid var(--white4);
      border-radius: 4px;
    }

    .financeMenu::-webkit-scrollbar-thumb {
      background: var(--grey4);
    }

    .financeMenuList {
      cursor: pointer;
      filter: grayscale(1);
      transition: 0.4s ease;
      padding: 18px 25px;
      width: 100%;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      border: 1px solid transparent;
    }

    .financeMenuList.active {
      filter: grayscale(0);
      background: var(--white);
      border: 1px solid var(--grey4);
      border-radius: 4px;

    }

    .financeMenuList>img {
      max-width: 108px;
      max-height: 35px;
    }

    .financeContentWrapper {
      position: relative;
    }

    .financeDetailWrapper {
      display: flex;
      display: none;
    }

    .financeDetailWrapper.active {
      display: block;
    }

    .financeBoxes {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    .financeDetailBox {
      border-radius: 4px;
      border: 0.5px solid var(--white4);
      background: var(--white);
      display: flex;
      padding: 16px;
      justify-content: flex-start;
      width: 100%;
      max-width: 48%;
      gap: 10px;
      align-items: flex-start;
    }

    .financeDetail {
      display: flex;
      flex-direction: column;
      gap: 4px;
      align-items: flex-start;
      margin-top: 6px;
    }

    .amountlogo {
      width: 100%;
      max-width: 40px;
      max-height: 40px
    }

    .financeName {
      font-size: 14px;
      line-height: 120%;
      color: var(--grey3);
      font-weight: 400;
      font-family: "Fraunces", serif;
      font-style: italic;
    }

    .finaceValue {
      font-size: 14px;
      line-height: 150%;
      color: var(--black);
      font-family: var(--go-regular);
    }
  }

  .higherStudies {
    max-height: 120vh;
    background: var(--white);
    /* padding-bottom: 20px;ss */

    .jobCardLeft {
      max-width: 148px;
      max-height: 60px;
    }

    .tabimgages[class~="1"],
    .tabimgages[class~="1"] {
      filter: brightness(1.2);
    }


    .companyWrapperNew {
      display: flex;
      align-items: center;
      gap: 4px;

      .companiesLogoDivi {
        max-width: 148px;
      }

    }

    .jobScrollContentRight {
      display: flex;
      width: max-content;
      gap: 12px;
    }

    .inifiniteJobProspect {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 20px;
    }

    .divrowWrap {
      display: flex;
      gap: 8px;
      flex-direction: column;

      .divrow {
        display: flex;
        gap: 8px;
      }
    }

    .jobScrollWrapperLeft {
      overflow: hidden;
      width: 100%;
    }

    .jobScrollContentLeft {
      display: flex;
      width: max-content;
      gap: 12px;
    }

    .higherStudiesWrapper {
      display: flex;
      gap: 50px;
      max-width: 100%;
      padding: 0;
      align-items: stretch;
    }

    .higherStudiesLeft {
      width: 100%;
      max-width: 50%;
      z-index: 5;

    }

    .higherStudiesLeft>img {
      min-height: 755px;
    }

    .masterImage {
      border-radius: 0;
    }

    .diviCareer {
      display: flex;
      flex-direction: column;
      gap: 30px;
      padding-top: 60px;
    }

    .tabimgages {
      height: 100%;

      img {
        height: auto;

      }
    }

    .studiesRight {
      max-width: 600px;
    }

    .techCareerTabs {
      display: flex;
      border-bottom: 1px solid var(--grey18);
    }

    .careerTabUl {
      display: flex;
      align-items: center;
      gap: 35px;
    }

    .careerTabUl li {
      /* padding: 0 50px 0px 10px; */
      color: var(--grey);
      text-wrap: nowrap;
      display: flex;
      flex-direction: column;
      align-items: flex-start !important;
      padding: 0 50px 10px 10px;
      font-size: 16px;
      font-family: var(--go-semibold);
      cursor: pointer;
    }

    .careerTabUl li.active {
      position: relative;
      color: var(--black);
    }

    .numberTabs {
      font-size: 13px;
      font-family: var(--go-regular);
      font-weight: 400;
      color: var(--grey10);
      line-height: 120%;
    }

    .careerTabUl li.active .numberTabs {
      color: var(--black);
    }

    .careerTabUl li.active::after {
      border-bottom: 1px solid var(--black);
      content: "";
      position: absolute;
      bottom: 0px;
      left: 0;
      width: 100%;
      height: 2px;
    }

    .techCareerTabs {
      overflow: auto;
    }

    .careerContentTech {
      display: flex;
      flex-direction: column;
      gap: 37px;
    }

    .upperContentTab {
      display: flex;
      flex-direction: column;
      gap: 30px;
    }

    .higherStudyContent {
      display: flex;
      gap: 10px;
      align-items: flex-start;

      svg {
        width: 100%;
        max-width: 52px;
      }
    }

    .hsPara {
      display: flex;
      flex-direction: column;
      gap: 4px;
    }

    .blackSemiPara {
      font-size: 20px;
      font-family: "Fraunces", serif;
      font-weight: 400;
      line-height: 140%;
      color: var(--black);
    }

    .blackMediumPara {
      font-size: 14px;
      line-height: 150%;
      font-family: "go-regular";
      color: var(--black);
    }

    .dropdownList {
      position: absolute;
      width: 100%;
      display: none;
      background: var(--white);
      border: 1px solid #cccccc5e;
      border-radius: 12px;
      transition: all 0.3s ease;
      max-width: 40%;
      overflow: hidden;
      bottom: 50px;
      left: 4px;
      z-index: 5;
      box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.05);
    }


    .dropdownList li:hover {
      background: var(--grey4);
      color: black;
      transition: 0.4s ease-in-out;
    }

    .dropdownList li {
      padding: 12px 22px;
      cursor: pointer;
      transition: 0.4s ease-in-out;
      font-size: 12px;
      display: flex;
      gap: 22px;
      align-items: center;
      justify-content: space-between;

    }

    .dropdownList li {
      border-top: 1px solid var(--grey4);
    }

    .dropdownList li:active {
      background-color: var(--grey);
    }

    .btnMobileDrop {
      display: flex;
      align-items: center;
      width: 60%;
      position: relative;
    }

    .customDropdownWrapperNew {
      position: relative;
      width: 100%;
      z-index: 1;
    }

    .afterDivi .btnBlack {
      max-width: fit-content;
    }

    .arrowReport {
      transition: transform 0.3s ease;
    }

    .arrowReport.rotate {
      transform: rotate(180deg);
    }

    .customDropdownWrapperNew .btnBlack {
      width: 100%;
      align-items: flex-start;
      justify-content: space-between;
      gap: 10px;
    }

    .techUpperHighlightLeft {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      width: 100%;
    }

    .companiesLogoDivi {
      width: 100%;
      max-width: 142px;
      max-height: 60px;
    }
  }

  .tetrStartupSection {
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: 1px solid var(--grey4);
    background-color: white;
    padding: 60px 0;

    .startupVideoSec {
      position: relative;
      max-width: 350px;
      width: 100%;
      overflow: hidden !important;

      .swiper-slide {
        position: relative;

        .videoPoster {
          width: 100%;
          border-radius: 12px;
        }

        video {
          border-radius: 12px;
        }

        .videoPlayLeft {
          width: 100%;
        }

        .floatingButton {
          position: absolute;
          left: 0;
          top: 0;
          z-index: 11;
          right: 0;
          bottom: 0;
          margin: auto;
          display: flex;
          align-items: center;
          justify-content: center;
          transition: 0.4s ease;

          .playButton {
            width: 45px;
            cursor: pointer;
          }
        }
      }

      .swiper-slide-prev {
        transform: scale(0.9) translateX(60px) !important;
        transition: 0.4s ease;
        z-index: 1;
        overflow: hidden;

        img {
          &.videoPoster {
            filter: blur(5px);
            -webkit-filter: blur(5px);
          }
        }
      }

      .swiper-slide-next {
        transform: scale(0.9) translateX(-60px) !important;
        transition: 0.4s ease;
        z-index: 1;
        overflow: hidden;

        img {
          &.videoPoster {
            filter: blur(5px);
            -webkit-filter: blur(5px);
          }
        }
      }

      .swiper-slide-active {
        transform: scale(1);
        transition: 0.4s ease;
        z-index: 9;
        max-height: 519px;
        min-height: 519px;

        img {
          &.videoPoster {
            filter: none;
            -webkit-filter: none;
          }
        }

        .playing {
          &+img {
            &+.floatingButton {
              opacity: 0;
              transition: 0.4s ease;

              &:hover {
                opacity: 1;
                transition: 0.4s ease;
              }
            }
          }
        }
      }
    }

    .container {
      background: url("https://images.mastersunion.link/uploads/04062025/v1/blackpng.webp"),
        var(--black);
      padding: 150px 0;
      border-radius: 12px;
    }

    .startUpWrapBlock {
      background: var(--white);
      max-height: 330px;
      max-width: 1066px;
      border-radius: 12px;
      display: flex;
      gap: 50px;
      padding: 60px;
      margin: 0 auto;
      position: relative;
      z-index: 1;

      .greycrossAsset {
        position: relative;
        color: var(--grey);
        z-index: 1;
        font-weight: 400;
      }

      .go-HighlightHeading {
        font-weight: 600;
        color: var(--black5);
      }

      .greycrossAsset::after {
        position: absolute;
        top: 21px;
        left: 0;
        background: var(--grey);
        height: 2px;
        content: "";
        width: 95%;
        z-index: 2;
      }

      .leftWrapStartup {
        position: relative;
        left: 0;
        top: 0;
        transform: translateY(-30%);
        width: 100%;
        max-width: 350px;
        height: 100%;

        .swiper-pagination {
          width: 100% !important;
          margin-bottom: 12px;
          /* position: absolute !important;
        /* position: absolute !important;
            z-index: 10;
            display: flex;
            gap: 6px;
            align-items: center;
            justify-content: center; */
        }

        .swiper-pagination-bullet-active {
          width: 30px !important;
          border-radius: 10px !important;
          transition: 0.4s ease-in-out !important;
        }

        .swiper-pagination-bullet {
          transition: width 0.4s ease-in-out, border-radius 0.4s ease-in-out,
            background-color 0.4s ease-in-out, transform 0.4s ease-in-out,
            box-shadow 0.4s ease-in-out !important;
        }

        .swiper-pagination-bullet {
          width: var(--swiper-pagination-bullet-width,
              var(--swiper-pagination-bullet-size, 8px));
          height: var(--swiper-pagination-bullet-height,
              var(--swiper-pagination-bullet-size, 8px));
          display: inline-block;
          border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
          background: var(--swiper-pagination-bullet-inactive-color, #000);
          opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
        }

        .swiper-pagination-bullet-active {
          width: 30px !important;
          border-radius: 10px !important;
          transition: 0.4s ease-in-out !important;
        }

        .swiper-pagination-bullet {
          transition: width 0.4s ease-in-out, border-radius 0.4s ease-in-out,
            background-color 0.4s ease-in-out, transform 0.4s ease-in-out,
            box-shadow 0.4s ease-in-out !important;
        }

        .swiper-pagination-bullet {
          width: var(--swiper-pagination-bullet-width,
              var(--swiper-pagination-bullet-size, 8px));
          height: var(--swiper-pagination-bullet-height,
              var(--swiper-pagination-bullet-size, 8px));
          display: inline-block;
          border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
          background: var(--swiper-pagination-bullet-inactive-color, #000);
          opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
        }

        .bigVideoStartup {
          position: relative;
          width: 100%;

          video {
            width: 100%;
            height: 100%;
          }

          .playPauseBlock {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 1;
            cursor: pointer;
          }

          .playButtonStartup {
            cursor: pointer;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            max-width: 44px;
            z-index: 2;
          }
        }
      }

      .rightWrapStartup {
        width: 100%;
        max-width: 530px;
        display: flex;
        flex-direction: column;
        justify-content: center;

        p {
          margin-top: 8px;
          color: var(--black5);
          font: 16px "go-regular";
          line-height: 150%;
        }

        button {
          margin-top: 24px;
          width: fit-content;
        }
      }
    }
  }


  @keyframes jobScrollLeftAnim {
    0% {
      transform: translateX(0%);
    }

    100% {
      transform: translateX(-50%);
    }
  }

  @keyframes jobScrollRightAnim {
    0% {
      transform: translateX(-50%);
    }

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

  .internshipSection {
    background: var(--black);
    padding: 60px 0 !important;

    .internshipHeadWrap {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
    }

    .internshipSwiperClassPsm {
      width: 100%;
      overflow: hidden !important;
    }

    .internshipSwiperClassCareer {
      width: 100%;
      overflow: hidden !important;
    }

    .internshipSwiperClass {
      width: 100%;
      overflow: hidden !important;
    }

    .internshipHiddenWrapper {
      width: 100%;
      overflow: hidden !important;
    }

    .internshipImage .masterPlay>img {
      width: 48px;
      height: 48px;
    }

    .internshipWrapper {
      background: var(--black);
      border-radius: 16px;
      padding: 40px 60px;
      display: flex;
      flex-direction: column;
      gap: 26px;
      align-items: flex-start;
    }

    .internshipCardWrapper {
      display: flex;
      align-items: stretch;
      gap: 40px;
      width: 100%;
    }

    .swiper-slide,
    .inisghtImageWrapper {
      overflow: hidden;
    }

    .internshipImage {
      max-width: 545px;
      max-height: 350px;
      border-radius: 14px;
      position: relative;

      img {
        border-radius: 16px;
      }
    }

    .internshipStudentDetail {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: space-between;
      width: 100%;
      max-width: 535px;
    }


    .internshipStudentUpperDivi {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 24px;
      width: 100%;
    }

    .studentNameWrapper {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 12px;
    }

    .studentCompanyWrapper {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 4px;
    }

    .companyName {
      font-size: 16px;
      line-height: 120%;
      font-family: var(--go-medium);
      color: var(--grey4);
    }

    .studentClass {
      font-size: 14px;
      line-height: 120%;
      font-family: var(--go-medium);
      color: var(--grey10);
    }

    .internshipDivider {
      width: 100%;
      height: 1px;
      background: var(--grey3);
      max-height: 1px;
    }

    .studentThoughtPara {
      font-size: 13px;
      line-height: 150%;
      font-family: var(--go-regular);
      color: var(--grey10);
      border-top: 1px solid var(--grey3);
      padding-top: 24px;
      border-bottom: 1px solid var(--grey3);
      padding-bottom: 24px;
    }

    .internshipStudentBelow {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .studentNumber {
      padding: 8px 12px;
      border-radius: 8px;
      width: fit-content;
      display: flex;
      justify-content: center;
      align-items: center;
      background: var(--black5);
      text-align: center;
      font-size: 14px;
      line-height: 150%;
      font-family: var(--go-regular);
      color: var(--grey18);
    }

    .insightBtn {
      display: flex;
      gap: 12px;
      align-items: center;
      flex-direction: row-reverse;
    }

    .internshipSwiper {
      overflow: hidden !important;
      width: 100%;
    }
  }

  .aiPacked {
    background: var(--black);
    overflow: hidden !important;
    padding: 0 !important;
    border-top: 1px solid var(--black5);

    .aiPackedWrapper {
      display: flex;
      gap: 120px;
    }

    .aiPackedLeft {
      display: flex;
      flex-direction: column;
      gap: 20px;
      width: 100%;
      max-width: 548px;
      align-items: flex-start;
      justify-content: center;
      padding: 148px 0;
    }

    .aiPackedLeft p {

      font-size: 14px;
      font-family: var(--go-regular);
      line-height: 150%;
      color: var(--grey18);
    }

    .aiPackedRight {
      width: 100%;
      max-width: 600px;
    }

    .aiPackedBoxi {
      padding: 10px 20px;
      border: 1px solid var(--grey15);
      max-width: fit-content;
    }

    .aiPackedBoxi p {
      color: var(--white);
      font-size: 24px;
      font-family: "Fraunces", serif;
      font-weight: 350;
      font-style: italic;
    }

    .scroll-container {
      display: flex;
      flex-direction: column;
      position: absolute;
      width: 100%;
      gap: 20px;
    }
  }

  .classRoom {
    background: var(--white);
    padding: 80px 0;

    .withoutArrowWhiteBgBtn {
      display: flex;
      padding: 8px 20px 10px 20px;
      justify-content: center;
      align-items: center;
      gap: 10px;
      border-radius: 60px;
      border: 1px solid var(--black);
      color: var(--black) !important;
      font-size: 18px;
      font-family: "Fraunces", serif;
      font-weight: 400;
      line-height: 120%;
      max-width: fit-content;
      background: var(--white);
      cursor: pointer;
      transition: 0.4s ease-in-out;
    }

    .withoutArrowWhiteBgBtn.active {
      background-color: black;
      color: white !important;
      transition: 0.4s ease-in-out;
    }

    .classRoomWrapper {
      display: flex;
      flex-direction: column;
      gap: 70px;
    }

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

    .campusButtonDivi {
      display: flex;
      gap: 14px;
      align-items: center;
    }
  }

  .industryReady {
    background: var(--white3);
    padding: 80px 0;



    .lineSpace {
      margin-top: 2px;
      padding-top: 3px;
      border-color: var(--grey4);
      border: none;
      border-top: 1px solid var(--grey4);
    }

    .futureGroup .txtgroup h6 {
      font-size: 22px;
      font-style: italic;
      font-weight: 400;
      line-height: 120%;
      font-family: "Fraunces", serif;
    }

    .cohortwrapper {
      justify-content: unset;
      column-gap: 55px;
      display: flex;
      flex-wrap: wrap;
      row-gap: 40px;
      align-items: flex-start;
    }

    .box2col {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      justify-content: flex-start;
      max-width: 364px;
      width: 100%;
    }

    .cohortwrapper img {
      max-width: 80px;
      max-height: 72px;
    }

    .box {
      width: 90%;
    }

    .box .flexbox {
      align-items: center;
      display: flex;
      justify-content: space-between;
    }

    .futureReadyWrap {
      display: flex;
      align-items: flex-start;
      gap: 20px;
      margin: 40px 0;
    }

    .futureGroup .txtgroup p {
      font: 0.875rem "go-regular";
      line-height: 160%;
      color: var(--grey15);
      margin-top: 8px;
    }

    .futureGroup {
      display: flex;
      max-width: 400px;
      flex-direction: column;
      align-items: flex-start;
      gap: 15px;
    }

    .cohortwrapper p {
      color: var(--grey3);
      font-size: 14px;
      line-height: 150%;
    }

    .cohortwrapper .cohortCompany {
      font-style: italic;
      font-weight: 400;
      line-height: 120%;
      font-family: "Fraunces", serif !important;
      color: var(--black) !important;
    }

    .box .flexbox {
      align-items: center;
    }

    .colorCoaching {
      color: var(--grey);
    }
  }

  @media (min-width: 1366px) and (max-width: 1540px) {
    .cohortwrapper .box2col {
      width: 32%;
    }
  }

  .whiteLineBg.classprofile {
    background: var(--white) !important;
    padding: 80px 0;
    position: relative;
    /* border-bottom: 1px solid var(--grey4); */

    .informationWrapper {
      color: var(--black) !important;
      border-radius: 16px;
      display: flex;
      align-items: center;
      gap: 50px;
      line-height: 160%;
      font: 16px "go-regular";
    }

    .newClassWrapper {
      display: flex;
      justify-content: space-between;
      gap: 40px;

      .ugClassMid .masterPlay img {
        backdrop-filter: blur(2px);
        border-radius: 60px;
      }
    }

    .test .flexbox {
      justify-content: space-between !important;
      display: flex;
      align-items: center;
    }

    .cohortwrapper p {
      font: 0.813rem "go-regular";
      color: var(--grey);
    }

    .cohortwrapper .lineSpace {
      border-color: var(--grey4);
      border: none;
      border-top: 1px solid var(--grey4);
      margin-top: 5px;
      padding-top: 5px;
    }

    .searchUl {
      width: 100%;
      display: flex;
      align-items: flex-start;
    }

    .exploreDivi {
      display: flex;
      justify-content: space-between;
      width: 100%;
      border-bottom: 1px solid var(--grey4);
    }

    .cohordLi {
      display: flex;
      flex-direction: column;
      gap: 5px;
      align-items: flex-start;
      padding: 0 65px 10px 20px;
      cursor: pointer;
      transition: all 0.3s ease;
      position: relative;
    }

    .cohordText {
      font-size: 13px;
      font-weight: 400;
      line-height: 120%;
      font-family: "Fraunces", serif;
      color: var(--grey10);
    }

    .yearText {
      font-size: 16px;
      line-height: 120%;
      font-family: var(--go-medium);
      color: var(--grey);
    }

    .cohordLi::after {
      content: '';
      position: absolute;
      bottom: -1px;
      right: 0;
      height: 1px;
      width: 100%;
      background-color: black;
      opacity: 0;
      transition: opacity 0.3s ease;
    }

    .cohordLi.active::after {
      opacity: 1;
    }

    .dropdownWrapper {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      justify-content: flex-end;
      width: 100%;
    }

    .exploreBtn {
      display: flex;
      gap: 4px;
      align-items: center;
      border-radius: 54px;
      justify-content: center;
      backdrop-filter: blur(2.5px);
      background: var(--grey16);
      padding: 9px 18px;
      font-size: 13px;
      font-family: var(--go-medium);
      color: var(--black);
      width: 100%;
      max-width: fit-content;
      margin-bottom: 10px;
      cursor: pointer;
    }

    .dropdownIcon {
      transition: transform 0.3s ease;
    }

    .cityWrapper {
      width: 100%;
      max-width: 245px;
      border-radius: 8px;
      box-shadow: 1px 1px 40px 0px rgba(0, 0, 0, 0.10);
      border: 1px solid var(--grey4);
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 0px;
      padding-right: 6px;
      position: absolute;
      top: -40%;
      right: 0;
      z-index: 999;
      display: none;
      background: var(--white);
      margin-top: 80px;
    }

    .stateWrapper {
      display: flex;
      flex-direction: column;
      gap: 12px;
      align-items: self-start;
      width: 100%;
      max-height: 160px;
      overflow: scroll;
      padding-right: 6px;
    }

    .stateDivi {
      width: 100%;
      border-top: 1px solid var(--grey4);
      padding: 12px 12px 12px 28px;
      font-size: 14px;
      font-family: var(--go-medium);
      line-height: 120%;
      color: var(--black);
      cursor: pointer;
    }

    .stateWrapper::-webkit-scrollbar-thumb {
      background: var(--grey4);
    }

    .cohortwrapper {
      display: flex;
      flex-wrap: wrap;
      column-gap: 50px;
      row-gap: 40px;
      align-items: flex-start;
    }

    .cohortwrapper .box {
      width: 90%;
    }

    .box2col {
      align-items: center;
      display: flex;
      justify-content: flex-start;
      max-width: 364px;
      width: 100%;
    }

    .box2col>img {
      border-radius: 12px;
    }

    .cohortwrapper img {
      max-width: 80px;
      max-height: 72px;
    }

    .content-section {
      position: relative;
      overflow: hidden;
    }

    .cohordLi.active {

      .cohordText,
      .yearText {
        color: var(--black);
      }
    }

    .searchBtn {
      width: 100%;
      padding: 10px 14px;
      margin: 12px;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 10px;
      align-items: flex-start;
      border-radius: 48px;
      background: var(--grey16);
      border: 1px solid var(--grey4);
      font-size: 14px;
      font-family: var(--go-medium);
      color: var(--grey10);
      max-width: 92%;
    }

    .greybox::after {
      position: absolute;
      width: 23%;
      height: 60%;
      scale: 0.5;
      content: "";
      background: url(https://files.mastersunion.link/resources/svg/collon1.svg) no-repeat;
      top: 52%;
      left: 80%;
    }

    .newclassLeft {
      max-width: 30%;
      width: 100%;
    }

    .masterImage.ugClassMid {
      max-width: 27%;
    }

    .newclassRight {
      max-width: 530px;
      align-self: flex-end;
    }

    .headingWrap {
      display: flex;
      flex-direction: column;
      width: 100%;

    }

    .greybox {
      position: relative;
      padding: 30px;
      border-radius: 16px;
      background: #f4f4f4;
    }

    .customDropdownWrapper {
      position: relative;
      width: 100%;
    }

    .dropdownList {
      position: absolute;
      width: 100%;
      display: none;
      background: var(--white);
      border: 1px solid #cccccc5e;
      border-radius: 12px;
      transition: all 0.3s ease;
      max-width: 88%;
      overflow: hidden;
      top: 59px;
      left: 4px;
      z-index: 0;
      box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.05);
    }

    @media (min-width: 1366px) and (max-width: 1540px) {
      .cohortwrapper .box2col {
        width: 32%;
      }
    }


    .dropdownList li:hover {
      background: var(--grey4);
      color: black;
      transition: 0.4s ease-in-out;
    }

    .dropdownList li {
      padding: 20px 22px;
      cursor: pointer;
      transition: 0.4s ease-in-out;

    }

    .dropdownList li {
      border-top: 1px solid var(--grey4);
    }

    .dropdownList li:active {
      background-color: var(--grey);
    }

    .btnMobileDrop {
      display: flex;
      align-items: center;
      width: 60%;
      position: relative;
    }

    .custom-select {
      appearance: none;
      /* Standard */
      -webkit-appearance: none;
      /* Safari/Chrome */
      -moz-appearance: none;
      /* Firefox */
      background-image: none;
      /* Remove any default bg icon */
    }

    .arrowReport {
      transition: transform 0.3s ease;
    }

    .arrowReport.rotate {
      transform: rotate(180deg);
    }

    .customDropdownWrapper .btnBlack {
      width: 100%;
      align-items: flex-start;
      justify-content: center;
      gap: 10px;
    }

    /* 
       .afterDivi ::after {
           content: "";
           display: inline-block;
           width: 24px;
           height: 24px;
           background-image: url("https://images.mastersunion.link/uploads/08072025/v1/Frame1321316511.svg");
           background-size: contain;
           background-repeat: no-repeat;
           right: 20px !important;
           position: absolute;
       } */

    .afterDivi .btnBlack {
      min-width: 90%;
    }



    .box2col>img {
      border-radius: 12px;
    }

    .ugDsClassProfile {
      display: flex;
      gap: 10px;
      justify-content: center;
      align-items: center;
    }

    .missionBtn:first-child {
      color: unset !important;
    }

    .missionBtn {
      padding: 8px 20px 10px 20px;
      font-size: 18px;
      font-weight: 350;
      line-height: 120%;
      color: var(--black);
      border: 1px solid var(--black);
      border-radius: 60px;
      max-width: fit-content;
      cursor: pointer;
      /* font-weight: 400; */
      font-family: "Fraunces", serif;
    }

    .ugDsClassProfile .classProfileLi.active {
      background: var(--black);
      color: var(--white) !important;
    }

    .viewAllBtn {
      padding: 14px 20px;
      color: #000;
      font-size: 16px;
      font-family: var(--go-medium);
      line-height: 24px;
      background: transparent;
      border-radius: 54px;
      align-items: center;
      display: flex;
      justify-content: center;
      border: 1px solid var(--black);
      width: 100%;
      max-width: fit-content;
      cursor: pointer;
      gap: 8px;
      max-width: fit-content;
      max-height: fit-content;
    }

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


    .newclassRight {
      max-width: 530px;
    }

    .cohortCompany {
      font-size: 14px !important;
      font-style: italic !important;
      font-weight: 400;
      line-height: 120%;
      font-family: "Fraunces", serif !important;
      color: var(--black) !important;
    }
  }

  .magazineSection {
    background: linear-gradient(to bottom, var(--white) 50%, var(--black) 45%);
    position: relative;
    border-top: 1px solid var(--grey4);
    padding: 80px 0;
    border-bottom: 1px solid var(--black5);

    &::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 45%;
      /* background: url('https://images.mastersunion.link/uploads/04072025/v1/certifiedSebiVector.svg') no-repeat center top;
       background-size: cover; */
    }

    .magazineWrapper {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 32px;
      flex-direction: column;
    }

    .scratchText {
      font-size: 30px;
      line-height: 120%;
      font-family: var(--go-regular);
    }

    .magazineSubTxt {
      font-size: 16px;
      line-height: 150%;
      font-family: var(--go-regular);
      color: var(--grey3);
    }

    .magazineHeadingDivi {
      display: flex;
      flex-direction: column;
      gap: 8px;
      align-items: center;
      text-align: center;
    }

    .mastersText {
      line-height: 150%;
      color: var(--grey10);
      font-family: var(--go-regular);
    }

    .magazineTabsWrapper {
      display: flex;
      justify-content: center;
      gap: 20px;
      width: 100%;
      max-width: 78%;
    }

    .magazineLeft {
      display: flex;
      flex-direction: column;
      gap: 22px;
      align-items: flex-start;
      width: 100%;
      /* max-width: calc(17% - 10px); */
    }

    .magazineRight {
      width: 100%;
      max-width: calc(83% - 10px);
      border-radius: 12px;
    }

    .magazineImageWrapper {
      border: 4px solid var(--grey10);
      border-radius: 4px;
      cursor: pointer;
      max-width: 100%;
      max-height: 214px;
      filter: brightness(0.5);
      transition: all 0.3s ease;
    }

    .magazineImage {
      background-size: contain;
      max-height: 211px;
    }

    .bharatPara {
      font-size: 16px;
      font-family: var(--go-regular);
      line-height: 150%;
      color: var(--grey17);
      text-align: center;
    }


    .magazineImageWrapper.active {
      filter: brightness(1);
      border-radius: 4px;
      border: 4px solid transparent;
      background: linear-gradient(var(--black) 0) padding-box, linear-gradient(90deg, #39B6D8 6.41%, #F7D344 51.47%, #E38330 96.52%) border-box;
      background-origin: border-box;
      background-clip: padding-box, border-box;

    }
  }

  .parentPerspectiveSection {
    background: var(--white);
    padding: 60px 0 !important;

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

    .perspectiveLefti {
      width: 100%;
      max-width: 548px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 12px;
    }

    .perspectiveRight {
      width: 100%;
      max-width: 508px;
    }


    .perspectivePara {
      font-size: 14px;
      font-family: var(--go-regular);
      line-height: 150%;
      color: var(--grey3);
    }

    .transformationDivi {
      position: relative;
      max-height: 284px;
      overflow: hidden !important;
    }

    .bottomBlackOverlay {
      position: absolute;
      left: 0;
      bottom: 0;
    }

    .masterSwiper {
      overflow: hidden !important;
    }

    .swiper-pagination-bullet {
      background: var(--white) !important;
      opacity: 1;
      transition: all 0.3s ease;
      border-radius: 10px;
    }

    .swiper-pagination-bullet-active {
      width: 40px !important;
      background: var(--white) !important;
      border-radius: 10px;
    }

    .swiper-pagination {
      display: flex;
      width: fit-content !important;
      bottom: 30px !important;
      left: 45% !important;
      top: unset !important;
    }

    .swiper-slide-active>img {
      border-radius: 8px;
      transition: 0.3s ease;
    }
  }

  .indiaMapSection {
    background: var(--white4);
    padding: 40px 0 !important;

    .indiaMapWrapper {
      background: var(--black);
      border-radius: 10px;
      padding: 40px 60px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
    }

    .mapLefti {
      width: 100%;
      max-width: 42.4%;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 24px;
    }

    .mapLeftUpper {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 8px;
    }

    .mapPara {
      font-size: 13px;
      line-height: 150%;
      font-family: var(--go-regular);
      color: var(--grey10);
    }

    .mapLeftBottom {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 16px;
    }

    .mapCoreText {
      font-size: 16px;
      line-height: 120%;
      font-family: var(--go-medium);
    }

    .mapNumberWrapper {
      width: 100%;
      max-width: 474px;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .mapNumDivi {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 4px;
    }

    .gradientMapNum {
      font-size: 50px;
      font-family: "fraunces", serif;
      font-style: italic;
      font-weight: 400;
      line-height: 120%;
    }

    .mapOperator {
      font-size: 34px;
    }

    .mapRight {
      max-width: 36.8%;
    }
  }

  .podcastSection.newsSection {
    background: url("https://images.mastersunion.link/uploads/19062026/v1/Vector1352.webp"), var(--black5);
    padding: 60px 0 !important;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 1px solid var(--black5);

    .podcastHeadingWrapper {
      gap: 12px;
    }

    .podcastHeadingWrapper .go-HeroSubtitle {
      font-size: 14px;
    }

    .podcastWrapper {
      gap: 80px;
    }

    .podcastRight {
      max-width: 486px;
    }

    .podcastLeft {
      max-width: 575px;
    }

    .podcastLeftTagWrapper {
      gap: 16px;
    }
  }

  @media (max-width: 767px) {

    .ApplyNow .popupContainer {
      width: 100%;
      padding: 40px 20px !important;
    }

    .go-sectionHeading {
      font-size: 22px;
      line-height: 120%;
      font-family: var(--go-regular);
      font-weight: 400;
    }

    .faq {
      padding: 60px 0 !important;
    }

    .faq .content-section {
      width: 100%;
    }

    .faq .flexbox {
      flex-direction: column;
      align-items: flex-start;
      gap: 30px;
    }

    .faqWrapper {
      flex-direction: column;
      align-items: center;
      margin-top: 20px;
      gap: 20px;
    }

    .faq .headingWrap {
      margin-top: 0;
    }

    .faq .navigationWrapper {
      width: 100%;
      margin: 0;
    }

    .faq .navigationWrapper li {
      font-size: 0.875rem;
      text-wrap: nowrap;
    }

    .faq .navigationWrapper ul {
      overflow-x: scroll;
      flex-direction: row;
      width: 100%;
      padding: 15px;
      border-radius: 12px;
      justify-content: space-around;
      align-items: center;
    }

    .faq .content-section {
      width: 100%;
    }

    .faqquestionWrap {
      padding: 16px;
      border: 0.5px solid var(--grey4);
    }

    .faqHeading {
      font-size: 0.875rem;
    }

    .faqanswer {
      font-size: 0.785rem;
      line-height: 20px;
      width: 100%;
    }

    .faqquestionWrap .toggler {
      max-width: 36px;
    }

    .heroSection {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
      max-height: 90vh !important;
      overflow: hidden;

      .heroSectionContent {
        width: 100%;
        padding: 0 12px;
        transform: translate(-50%, -20%);
      }

      .heroSectionBtnWrap {
        margin-top: 24px;
        width: 100%;
        align-items: flex-start;
        gap: 12px;
        flex-direction: column;


        a,
        button {
          width: 100%;
          line-height: 0 !important;
        }
      }
    }

    .podcastSection.newsSection {
      padding: 60px 0 !important;

      .podcastLeft {
        max-width: 100%;
      }

      .podcastRight {
        max-width: 100%;
      }

      .podcastHeadingWrapper {
        gap: 24px;
      }

      .podcastWrapper {
        gap: unset;
      }

      .mt20 {
        margin-top: unset !important;
      }

      .podcastLeft {
        padding: 40px 16px;
      }
    }

    .selectingStudents.sharkTank {
      .sharkMobileSection {
        background: var(--white);
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 32px;
        padding-bottom: 0 !important;
        padding-top: 24px !important;
      }

      .swiper-pagination,
      .swiper-pagination-mobile,
      .swiper-pagination-desktop {
        position: absolute !important;
        bottom: 0 !important;
        left: unset !important;
        right: unset !important;
        width: 100% !important;
      }





      .sharkSwiperWrapper {
        display: flex;
        width: 100%;
        overflow: hidden !important;
      }

      .sharkCard {
        position: relative;
        overflow: hidden;
        max-height: 517px;
        cursor: pointer;

        img {
          width: 100%;
          display: block;
        }

        &::after {
          content: "";
          position: absolute;
          left: 0;
          bottom: 0;
          width: 100%;
          height: 50%;
          background: linear-gradient(to top,
              rgba(9, 9, 9, 0.8) 0%,
              rgba(9, 9, 9, 0.7) 40%,
              rgba(9, 9, 9, 0) 100%);
          pointer-events: none;
        }
      }

      .sharkCardContent {
        position: absolute;
        padding: 16px;
        left: 0;
        bottom: 10px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        width: 100%;
        z-index: 2;
      }

      .sharkChallengeBtn {
        width: fit-content;
        padding: 8px;
        border-radius: 40px;
        background: #313131;
        backdrop-filter: blur(2px);
        text-transform: uppercase;
        font-size: 11px;
        font-family: var(--go-medium);
        color: var(--grey4);
        align-items: center;
        line-height: 120%;
      }

      .brandName {
        font-size: 18px;
        line-height: 120%;
        font-family: var(--go-medium);
        color: var(--white);
      }

      .sharkProjectPara {
        font-size: 12px;
        line-height: 160%;
        font-family: var(--go-regular);
        color: var(--grey10);
      }

      .sharkBtnWrapper {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        width: 100%;
      }

      .sharkName {
        font-size: 14px;
        line-height: 160%;
        font-family: var(--go-medium);
        color: var(--white);
      }

      .sharkCard .courseName {
        font-weight: 400;
        font-size: 12px;
        color: var(--grey10);
        font-family: "Fraunces", serif;
      }

      .sharkCard .masterPlay {
        width: fit-content;
        height: fit-content;
        position: unset;
      }

      .sharkSwiperWrapper .swiper-wrapper {
        padding-bottom: 34px !important;
      }

      .sharkMobileSection .swiper-pagination,
      .sharkMobileSection .swiper-pagination-mobile,
      .sharkMobileSection .swiper-pagination-desktop {
        position: absolute !important;
        bottom: 0 !important;
        left: unset !important;
        right: unset !important;
        width: 100% !important;
      }

      .sharkMobileSection .swiper-pagination-bullet-active {
        width: 40px !important;
        background: var(--grey) !important;
      }
    }

    .homepage {

      .sharkTank.selectingStudents,
      .selectingStudents.sharkTank {
        padding: 60px 0 !important;
        background: var(--white) !important;
      }

      .sharkMobileSection {
        background: var(--white);
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 32px;
        padding-bottom: 0 !important;
      }

      .sharkSwiperWrapper {
        display: flex;
        width: 100%;
        overflow: hidden !important;
      }

      .sharkCard {
        position: relative;
        overflow: hidden;
        max-height: 517px;
        cursor: pointer;

        img {
          width: 100%;
          display: block;
        }

        &::after {
          content: "";
          position: absolute;
          left: 0;
          bottom: 0;
          width: 100%;
          height: 50%;
          background: linear-gradient(to top,
              rgba(9, 9, 9, 0.8) 0%,
              rgba(9, 9, 9, 0.7) 40%,
              rgba(9, 9, 9, 0) 100%);
          pointer-events: none;
        }
      }

      .sharkCardContent {
        position: absolute;
        padding: 16px;
        left: 0;
        bottom: 10px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        width: 100%;
        z-index: 2;
      }

      .sharkChallengeBtn {
        width: fit-content;
        padding: 8px;
        border-radius: 40px;
        background: #313131;
        backdrop-filter: blur(2px);
        text-transform: uppercase;
        font-size: 11px;
        font-family: var(--go-medium);
        color: var(--grey4);
        align-items: center;
        line-height: 120%;
      }

      .brandName {
        font-size: 18px;
        line-height: 120%;
        font-family: var(--go-medium);
        color: var(--white);
      }

      .sharkProjectPara {
        font-size: 12px;
        line-height: 160%;
        font-family: var(--go-regular);
        color: var(--grey10);
      }

      .sharkBtnWrapper {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        width: 100%;
      }

      .sharkName {
        font-size: 14px;
        line-height: 160%;
        font-family: var(--go-medium);
        color: var(--white);
      }

      .sharkCard .courseName {
        font-weight: 400;
        font-size: 12px;
        color: var(--grey10);
        font-family: "Fraunces", serif;
      }

      .sharkCard .masterPlay {
        width: fit-content;
        height: fit-content;
        position: unset;
      }

      .sharkSwiperWrapper .swiper-wrapper {
        padding-bottom: 34px !important;
      }

      .sharkMobileSection .swiper-pagination,
      .sharkMobileSection .swiper-pagination-mobile,
      .sharkMobileSection .swiper-pagination-desktop {
        position: absolute !important;
        bottom: 0 !important;
        left: unset !important;
        right: unset !important;
        width: 100% !important;
      }

      .sharkMobileSection .swiper-pagination-bullet-active {
        width: 40px !important;
        background: var(--grey) !important;
      }

      .selectingStudents.sharkTank {
        .teachingHeadWrap {
          gap: 15px;
        }

        .sharkFront {
          padding: 25px;
        }
      }

      .contentWrap.mob-visible {
        .description {
          color: #f5f5f5 !important;
          font: 14px "go-regular";
          line-height: 150%;
        }

        .heading {
          font: 24px "go-semibold";
        }
      }

      .blackSharkfont {
        margin-top: 10px !important;
      }

      .sharkTankSlider .gridBox:hover .overLayDetail {
        z-index: -1;
        display: none;
      }

      .selectingStudents.sharkTank .cardsWrapper .gridBox {
        min-height: 480px;
      }

      .selectingStudents.sharkTank .cardsWrapper {
        flex-direction: row;
        margin-top: 30px;
      }
    }

    .boxBreather {
      padding: 0px;
      padding-top: 60px !important;
      padding-left: 0px !important;
      padding-right: 0px !important;

      .boxContainer {
        padding: 0;
        flex-wrap: wrap;
        gap: 0;
      }

      .boxiContent {
        width: 100%;
        max-width: 50%;
        min-width: unset;
      }

      .boxiContent:nth-child(1) {
        border-right: 1px solid var(--grey3);
        padding-right: 16px;
        padding-bottom: 16px;

      }

      .boxiContent.secondBoxi {
        padding-left: 16px;
        padding-bottom: 16px;

      }


      .boxiContent.thirdBoxi {
        border-right: 1px solid var(--grey3);
        padding-right: 16px;
        border-top: 1px solid var(--grey3);
        padding-top: 16px;
      }

      .boxiContent.fourthBoxi {
        padding-left: 16px;
        border-top: 1px solid var(--grey3);
        padding-top: 16px;

      }

      .boxContainer {
        padding: 16px;
        justify-content: unset;
      }

      .stretchedLine {
        display: none;
      }

    }

    .amongTopSection {
      flex-direction: column;
      gap: 60px;
      max-height: unset;

      .amongTopLeftWrapper {
        max-width: 100%;
      }

      .buttonsParent {
        width: 100%;

        .btnBlack {
          width: 100%;
        }
      }

      .amongTopRightWrapper {

        max-width: 100%;
        width: 100%;
        padding: 0 16px;

        padding-bottom: 60px;
      }

      .statNumber {
        font: 22px "go-semibold";
      }

      .statText {
        font: 12px "go-regular";
      }

      .amondTopStatsWrapper {
        max-width: 134px;
        min-width: 114px;
      }

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

      .logo {
        max-width: 80px;
        width: 100%;
      }
    }

    .insightSection.careerPage {
      .insightBtnWrapper {
        align-items: flex-start;
      }

      .insightRightWrapper {
        align-items: flex-start;
      }

      /* .swiper-paginationNew {
        max-width: fit-content;
        margin: 0 auto;
      }

      .swiper-pagination-bullet {
        background: #A3A3A3 !important;
      } */

    }

    .enterpreneur {
      padding: 60px 0;

      .enterpreneurWrap {
        flex-direction: column;
        gap: 24px;
      }

      .enterpreneurLeft {
        max-width: 100%;
      }

      .enterpreneurRight {
        max-width: 100%;

      }
    }

    .insightSection.founder {
      .swiper-pagination {
        bottom: 64px !important;
        left: 0 !important;
        position: absolute !important;
        width: 100% !important;
      }

      .tag1 {
        padding: 4px 8px;
        border-radius: 20px;
        background: var(--grey3);
        font-size: 10px;
        text-transform: uppercase;
        letter-spacing: 1px;
        line-height: 150%;
        font-family: var(--go-semibold);
        color: var(--grey4);
        white-space: nowrap;
      }

      .tag2 {
        border-radius: 25px;
        background: var(--Grey-80, #E5E5E5);
        padding: 4px 8px;
        color: var(--grey3);
        font-size: 10px;
        text-transform: uppercase;
        letter-spacing: 1px;
        line-height: 150%;
        font-family: var(--go-semibold);
        white-space: nowrap;
      }

      .insightBtnWrapper {
        flex-direction: column;
        gap: 12px;

      }

      .swiper-pagination-bullet-active {
        width: 40px !important;
        background: #A3A3A3 !important;
      }

      .swiper-pagination-bullet {
        background: #A3A3A3 !important;
      }

    }

    .courseBreather.courseBreather--scrollScene {
      min-height: 75vh;
    }

    .courseBreather {
      height: unset;
      padding: 0 !important;

      .mobileCourse {
        display: flex;
        flex-direction: column;
        gap: 40px;
      }

      .courseHeadingWrapper {
        top: 0;
        padding-top: 80px;
      }

      .courseBreather__focusVideo {
        min-height: 78vh;
        height: unset;
      }

      .go-BreatherHeadingNew {
        font-size: 28px;
      }

      .pmDivi>img {
        min-height: unset;
      }

      .courseHead {
        padding: 8px 12px;

        .headName {
          font-size: 12px;
        }

        .headDesignation {
          font-size: 8px;
        }
      }

      .nameWrapper {
        bottom: 5%;
        padding: 0 3%;
      }



      .pmDivi img {
        min-width: 270px;
      }
    }

    .stickymenu {
      top: 60px !important;

      .container {
        padding: 0;
      }

      .seondtabs {
        padding: 10px;
        width: 100%;
        padding-bottom: 5px;
      }
    }

    .buildCardSection {
      padding: 60px 0;

      .buildHeadingPara {
        font-size: 14px;
        padding-right: 12px;
      }

      .buildCardWrapper {
        margin-top: 32px;
        gap: 0;
      }

      .buildCard {
        gap: 24px;
        padding: 8px;
        flex-direction: column-reverse;
        border: unset;
        top: 160px;
      }

      .buildRight {
        max-width: 100%;
        border-radius: 12px 12px 0 0 !important;
      }

      .buildLeft {
        max-width: 100%;
      }

      .buildCard:nth-child(even) {
        flex-direction: column-reverse;
      }
    }

    .buildCardSection.applyNowBuildCardSection .buildCardWrapper {
      margin-top: 32px;
      gap: 24px !important;
    }

    .lateralSection {
      .lateralWrapper {
        flex-direction: column;
        gap: 32px;
        align-items: flex-start;
      }

      .btnWhite {
        padding: 14px 24px;
        font: 16px "go-medium";
      }


      .lateralHeadingWrapper {
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
      }
    }

    .industryExpert {
      .expertHeadingWrapper {
        flex-direction: column;
        gap: 32px;
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
      }

      .masterDivi {
        flex-wrap: unset;
        gap: 20px;
        overflow: auto;
      }

      .expertBoxi {
        max-width: 100%;
        min-width: 235px;
      }

      .expertBoxi.is-desktop-hidden {
        display: block;
      }

      .viewMoreMastersBtn,
      .viewMoreMastersBtn.is-visible {
        display: none !important;
      }
    }

    .buildingSection {
      padding: 0 !important;

      .buildingStickyWrapper {
        gap: 80px;
      }

      .buildingWatchWrapper>img {
        max-width: 42px;
        max-height: 42px;
      }

      .headingWrapper {
        flex-direction: column;
        gap: 12px;
        top: 44px;
        left: 24px;
        align-items: flex-start;
      }

      .logoSlider {
        width: 65% !important;
        border-radius: 60px;
      }

      .buildingPara {
        font-size: 14px;
      }

      .playBtnPara {
        font-size: 14px;
      }

      .masterPlay {
        left: 47%;
        top: 50%;
      }

      .buildingLogoWrapper {
        flex-direction: column;
        gap: 16px;
        bottom: 40px;
        left: 0;
        width: 100%;
        align-items: center;
        max-width: 100%;

      }

      .buildingWrapper {

        .btnWhite.btnMd {
          width: 90%;
        }
      }

      .companyParent {
        flex-direction: column;
        left: unset;
        right: unset;
        align-self: center;
        justify-content: center;
        width: 100%;
        gap: 30px;
        min-width: 100%;
      }

      .verticalLine {
        display: none;
      }

      .companyStack {
        flex-wrap: wrap;
        right: unset;
        left: unset;
        justify-content: center;
        gap: 12px 24px;
      }

      .rupees {
        font-size: 30px;
      }

      .verticalLine {
        display: none;
      }

      .placementPrice {
        gap: 4px;
        width: 100%;
        max-width: 32%;
      }

      .rupeePara {
        font-size: 11px;
      }
    }

    .buildCardSection.blackBuild {
      .buildHeadingPara {
        font-size: 14px;
      }

      .conLogoAndText>img {
        max-width: 54px;
      }

      .logoWrapper {
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        gap: 6px !important;
      }


      .buildCtaWrapper {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
      }

      .buildCardWrapper {
        margin-top: 32px;
        gap: 0;
      }

      .buildCard {
        gap: 0;
        padding: 0;
        flex-direction: column;
        top: 8rem;

      }

      .buildRight {
        max-width: 100%;
      }

      .buildLeft {
        max-width: 100%;
        padding: 24px 16px;
      }

      .buildCard:nth-child(even) {
        flex-direction: column;
      }

      .companyLogo {
        max-width: 33%;
      }
    }

    .businessSection {
      padding: 60px 0;

      .exploringWorld {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
      }

      .swiper-pagination {
        width: 100% !important;
        margin-top: 20px;
        position: relative !important;
        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
      }

      .swiper-pagination-bullet-active {
        width: 30px !important;
        border-radius: 10px !important;
        transition: 0.4s ease-in-out !important;
      }

      .swiper-pagination-bullet {
        background: var(--swiper-pagination-bullet-inactive-color, grey) !important;
      }

      .businessPara {
        font-size: 14px;
      }

      .listPara {
        text-wrap: nowrap;
      }

      .businessItem {
        padding: 16px 32px;
        min-width: 230px;
        flex-shrink: 0;
      }

      .businessList {
        max-width: 100%;
        overflow-x: auto;
        scroll-behavior: smooth;
        box-sizing: border-box;
        padding-inline-start: 0;
        scrollbar-width: none;
        -ms-overflow-style: none;
      }

      .businessList::-webkit-scrollbar {
        display: none;
      }

      .businessMaster {
        width: 100%;
        overflow: auto;
      }

      .content-section {
        width: 100%;
      }

      .masterItem {
        max-width: 100%;
        min-width: 250px;
        max-height: unset !important;
        line-height: 0;
      }
    }

    .reachoutBreatherSection {
      .reachoutBreatherWrapper {
        flex-direction: column-reverse;
        gap: 20px;
        align-items: flex-start;
      }


      .reachoutLefti,
      .reachoutRight {
        max-width: 100%;
      }

      .reachoutLefti {
        padding: 20px;
        gap: 16px;
      }

      .go-BreatherHeading {
        padding-bottom: 16px;
      }

      .supportInfoWrapper {
        flex-direction: column;
        gap: 16px;
      }

      .supportDivi>img {
        max-width: 32px;
        max-height: 32px;
      }

      .supportcontentText,
      .supportBoxiText {
        font-size: 13px;
      }
    }

    .worldClassSection {
      padding: 60px 0;

      .worldHeadingWrapper {
        flex-direction: column;
        gap: 18px;
        align-items: flex-start;
      }

      .navigationWrapper {
        margin-top: 0;
      }

      .navigationWrapper ul {
        margin-top: 0;
        overflow: auto;
      }

      .navigationWrapper li {
        min-width: max-content;

      }
    }

    .theNewsSection {
      padding: 60px 0;

      .newsHeadingWrapper {
        gap: 8px;
      }

      .newsCardsWrapper {
        padding-left: 16px;
      }

      .newsCard {
        min-width: 85%;
      }
    }

    .concentration {
      padding: 60px 0;

      .coreWrapper {
        flex-direction: column;
        gap: 30px;
        align-items: flex-start;
      }

      .headingsLeft {
        width: 100%;
      }
    }

    .curriculumOutclassDs {
      padding: 40px 0 !important;

      .curriculumOutclassWrapper {
        gap: 40px;
      }

      .outdsHead {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
      }

      .outclasImgWrap p {
        font-size: 12px !important;
      }

      .curriculumDsUpper {
        gap: 16px;
        padding-block: 0;
        flex-direction: column;
        align-items: flex-start;
        position: unset;
      }

      .curriculumDsBelow {
        gap: 32px;
        flex-direction: column;
      }

      .dsBelowRight {
        max-width: 100%;
      }

      .content.active {
        flex-direction: column;
      }

      .dsBelowLeft {
        position: relative;
        top: unset;
      }

      .curriculumDsBelow .faqHeading {
        font-size: 13px;
        line-height: 120%;
      }

      .greyParaOutclass {
        font-size: 12px;
      }

      .finaceCareerTabs {
        width: 100%;
      }

      .financeTabUl {
        width: 100%;
      }

      .inclassTab {
        width: 100%;
        max-width: 500px;
        font-size: 12px;

        svg {
          width: 16px;
          height: 16px;
        }
      }
    }

    .swiper-pagination {
      bottom: -50px !important;
      left: 0 !important;
      position: absolute !important;
      width: 100% !important;
    }

    .swiper-pagination-bullet-active {
      width: 40px !important;
      background: var(--grey) !important;
      border-radius: 16px;
    }

    .swiper-pagination-bullet {
      background: var(--grey3) !important;
      opacity: 1;
      transition: all 0.3s ease;
    }

    .insightSection {
      padding: 60px 0 80px;
      padding-bottom: 100px !important;

      .insightParaWrapper {
        gap: 8px;
      }

      .aboutVideo {
        font-size: 13px;
      }

      .swiper-pagination {
        bottom: -50px !important;
        left: 0 !important;
        position: absolute !important;
        width: 100% !important;
      }

      .swiper-pagination-bullet {
        background: var(--grey3) !important;
        opacity: 1;
        transition: all 0.3s ease;
      }

      .swiper-pagination-bullet-active {
        width: 40px !important;
        background: var(--grey) !important;
        border-radius: 16px;
      }

      .insightPara {
        font-size: 14px;
      }

      .insightWrapper {
        gap: 24px;
      }

      .facultyDetailsWrapper {
        gap: 12px;
      }

      .insightNames {
        font-size: 16px;
      }

      .inisghtItalic {
        font-size: 16px;
      }

      .aboutVideo {
        padding-top: 12px;
      }

      .insightBtnWrapperMob {
        align-self: flex-end;
      }
    }

    .weeklySection {
      .weeklyWrapper {
        gap: 24px;
      }

      .weeklyImageWrapper>img {
        min-width: 1310px;
      }


      .weeklyImageWrapper::-webkit-scrollbar-thumb {
        display: block !important;
        background: #737373 !important;
      }

      .weeklyImageWrapper {
        overflow-x: scroll;
        overflow-y: hidden;
      }


      .weeklyImageWrapper::-webkit-scrollbar-thumb {
        display: block !important;
        background: #737373 !important;
        scrollbar-width: unset !important;

      }


    }

    .futureTiltSection {
      .futureTiltWrapper {
        flex-direction: column-reverse;
        gap: 32px;
      }

      .swiper-slide-active {
        max-height: unset !important;
        border: unset !important;
      }

      .swiper-pagination-bullet-active {
        width: 40px !important;
        background: var(--grey) !important;
        border-radius: 10px !important;
        transition: 0.4s ease-in-out !important;
      }

      .swiper-pagination-bullet {
        background: var(--grey3) !important;
        opacity: 1;
        transition: 0.4s ease;
      }

      .swiper-slide-prev {
        margin-right: 0px !important;
      }

      .swiper-slide-next {
        margin-left: 0px !important;
      }

      .futureRight {
        max-width: 100%;
      }

      .futureLeftList {
        gap: 12px;
      }

      .futureUpperLefti {
        gap: 20px;
      }
    }

    .dsaiMasters {
      padding: 60px 0;
      /* Hide scrollbar for webkit browsers */
      scrollbar-width: none;
      /* Firefox */
      -ms-overflow-style: none;
      /* Internet Explorer 10+ */

      /* Hide scrollbar for webkit browsers */
      &::-webkit-scrollbar {
        display: none;
      }

      .newMasterBoxImg {
        min-width: 230px;
      }



      .dsaiMastersMobile .container {
        padding-right: 0 !important;
      }
    }

    .podcastSection.immersion {
      padding: 60px 0 !important;

      .podcastWrapper {
        background: var(--white3) !important;
        flex-direction: column;
        gap: 20px;
        background: unset;
        padding: 32px 16px;
      }

      .podcastLeft {
        max-width: 100%;
        padding: unset;
      }


    }

    .sittingLectures {
      padding: 60px 0;

      .lectureUpper {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
      }

      .card7,
      .card5,
      .card6 {
        min-height: 700px;
      }

      .card7,
      .card5,
      .card6,
      .card1,
      .card2,
      .card1 {
        max-height: unset;
      }

      .card5 {
        .lectureCardText {
          padding: 0 8px;
        }

        .lectureLogo {
          gap: 20px;
        }
      }

      .card1 .lectureCardLogoWrapper {
        display: flex;
        gap: 30px;

        .logo {
          margin-right: 0;
        }
      }

      .btnBlack.btnSm {
        font: 12px 'go-medium';
      }

      .card4 .lectureCardLogoWrapper {
        padding: 0 8px;
      }

      .lectureWrapper {
        gap: 24px;
      }

      .LectureCreaterProfileWrapper,
      .lectureCardText,
      .lectureLogo {
        padding-inline: 8px;
      }


      .lectureCard {
        padding: 16px 8px;
        max-height: unset;
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
      }



      .buildCardSection.new .buildReportDropdown__panel {
        top: -83px !important;
      }

      .logoCardFrame {
        padding: 0px 8px;
      }

      .btnBlack.btnSmMObFont {
        margin-left: 8px;
      }


      .lectureLeftCard {
        padding-left: 0;
        max-width: 100%;

      }

      .cardSubHeading {
        font-size: 20px;
      }

      .go-HighlightHeading {
        font-size: 18px;
      }

      .lectureP {
        font-size: 14px;
      }

      .lectureCardFlip {
        padding: 16px 8px;
        max-height: unset;
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
      }

      .lectureRightCardFlip {
        padding-left: 0;
        max-width: 100%;
      }

      .RightCardContentFlip {
        max-width: 100%;
        gap: 8px;
      }

      .lectureCardFlip,
      .lectureCard {
        padding: 0;
        border: 2px solid var(--white);
        border-radius: 8px;
      }


      .cardMainContent {
        padding: 0 8px 0px 8px;
        gap: 8px;

      }

      .card3 .lectureProfileCards {
        padding: 0 8px;
      }

      .logo>svg {
        width: 52px;
        height: 52px;
      }

      .card7 .lectureCardLogoWrapper {
        gap: 20px;
        padding: 0 8px;

        .logo>svg {
          width: 32px;
          height: 32px;
        }

        .logo {
          max-width: 13%;
        }
      }

      /* .lectureCardFlip.cardsticky {
                top: 160px;
            } */

      .profileHeadingText {
        font-size: 13px;
      }

      .profileLightText {
        font-size: 12px;
      }

      .LectureCreaterProfileCard svg {
        width: 40px;
        height: 40px;
      }

      .LectureCreaterProfileCard {
        max-width: 185px;
      }
    }

    .bluePrintNew.black {
      .blueprintWrapper {
        flex-direction: column;
        align-items: flex-start;
      }

      .headingWrap.masterleft {
        width: 100%;
      }

      .masterRight {
        width: 100%;
      }
    }

    .craftedMobileSection {
      background: var(--white);
      padding-top: 40px !important;
      padding-bottom: 60px;

      .whiteCaution {
        padding: 8px 12px;
        width: 100%;
        border-radius: 8px;
        border: 1px solid transparent;
        background: linear-gradient(var(--white) 0 0) padding-box,
          var(--gradient) border-box;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;

        p {
          font-size: 11px;
          line-height: 150%;
          font-family: var(--go-regular);
          color: var(--grey3);
        }
      }

      .learnPara {
        font-size: 14px;
        line-height: 20.81px;
        color: var(--black);
        font-family: var(--go-regular);
      }

      .beyondWrapperParent {
        flex-direction: column;
        gap: 16px;
        display: flex;
        align-items: flex-start;
      }

      .vectorOnWhite::after {
        height: 100%;
      }

      .craftedMobWrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
      }

      .cityWrapperMob {
        display: flex;
        flex-direction: column;
        width: 100%;
      }

      .accodianBelow {
        padding: 18px 12px;
        background: var(--white3);
        border-bottom: 1px solid var(--grey4);
        display: flex;
        align-items: flex-start;
        gap: 4px;
      }

      .imersionLogo {
        width: 100%;
        height: 100%;
        max-width: 20px;
        max-height: 20px;
      }

      .immersionBoxi {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
      }

      .termBtn.immersionTag {
        background: var(--grey4);
        font-family: var(--go-medium);
        color: var(--black);
        padding: 3px 10px;
        border-radius: 20px;
        background: var(--grey4);
        border: unset;
      }

      .placeName {
        font-size: 18px;
        line-height: 150%;
        font-family: var(--go-semibold);
        color: var(--black);
      }

      .imageBox>img {
        overflow: hidden;
        max-height: 535px;
        width: 100%;
        min-width: 100%;
      }

      .cityList {
        display: flex;
        align-items: center;
        gap: 12px;
        overflow: auto;
        position: sticky;
        top: 107px;
        background: white;
        z-index: 10;
        padding-block: 10px;
      }

      .contentMobile {
        margin-top: 12px;
      }

      .cityContent {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        width: 100%;
      }

      .ratioWrapper,
      .ratioBoxi,
      .rationNumBoxi {
        width: 100%;
        overflow: auto;
      }

      .ratioWrapper.jalandharLogos {
        .rationLogoBoxi:nth-child(3) {
          img {
            max-width: 90px !important;
          }
        }
      }

      .ratioWrapper.jalandharLogos {
        .rationLogoBoxi:nth-child(4) {
          img {
            max-width: 90px !important;
          }
        }
      }

      .ratioWrapper.mundraLogos {
        img {
          max-width: 76px !important;
        }
      }

      .ratioWrapper.mundraLogos {
        .rationLogoBoxi:nth-child(3) {
          img {
            max-width: 56px !important;
          }
        }
      }

      .rationLogoBoxi.DelhiImgMob {
        img {
          max-width: 95px !important;
        }
      }

      .ratioWrapper.lucknowLogo {
        .rationLogoBoxi:nth-child(2) {
          img {
            max-width: 110px !important;
          }
        }
      }

      .imageWrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
      }

      .termBtn {
        padding: 8px 20px;
        border-radius: 60px;
        justify-content: center;
        align-items: center;
        display: flex;
        border: 1px solid var(--black);
        font-size: 12px;
        line-height: 120%;
        width: fit-content;
        font-family: var(--go-regular);
        color: var(--black);
        transition: all 0.3s;
        min-width: 85px;
      }

      .termBtn.active {
        background: var(--black);
        color: var(--white);
      }

      .ratioWrapper {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: flex-start;
        gap: 20px;
        overflow: auto;
      }

      .placePara {
        font-size: 13px;
        line-height: 150%;
        color: var(--black);
        font-family: var(--go-regular);
      }

      .ratioBoxi {
        width: 100%;
        padding-left: 12px;
        border-left: 2px solid #e38330;
        display: flex;
        align-items: center;
        min-height: 84px;
      }

      .rationLogoBoxi {
        img {
          max-width: 60px;
        }
      }

      .ratioPara {
        font-size: 13px;
        line-height: 150%;
        font-family: var(--go-regular);
        color: var(--grey3);
      }

      .ratioNumber {
        font-size: 30px;
        line-height: 120%;
        font-family: var(--go-medium);
        color: var(--black);
      }

      .rationNumBoxi {
        display: flex;
        align-items: center;
        gap: 24px;
        width: 100%;
      }

      .mumbaiWrapper .rationLogoBoxi:nth-child(1) {
        img {
          max-width: 100px !important;
        }
      }

      .mumbaiWrapper .rationLogoBoxi:nth-child(2) {
        img {
          max-width: 100px !important;
        }
      }

      .mumbaiWrapper .rationLogoBoxi:nth-child(3) {
        img {
          max-width: 100px !important;
        }
      }

      .bengDivi .rationLogoBoxi:nth-child(1) {
        img {
          max-width: 100px !important;
        }
      }

      .bengDivi .rationLogoBoxi:nth-child(2) {
        img {
          max-width: 100px !important;
        }
      }
    }

    .mastersPathway {
      padding: 60px 0;

      .pathwayContainer {
        flex-direction: column-reverse;
      }

      .pathwayRight img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        min-height: 220px;
        border-radius: 10px;
        margin-bottom: 24px;
      }

      .pathwayHeading {
        font-size: 22px;
      }




    }

    .enrollmentSectionNew {
      background: var(--black);
      padding: 60px 0;

      .onhoverOverlay .overlayNumber {
        margin-top: unset;
      }

      .fourCards {
        display: flex !important;
        flex-direction: column;
        gap: 32px;
      }

      .gridCardBlack {
        display: none;
      }

      .threeCards {
        grid-template-columns: 1fr;
      }

      .gridCard {
        max-height: 100%;
      }

      .gridCard:after {
        height: 50%;
        background: linear-gradient(to top,
            rgba(0, 0, 0, 0.85),
            rgba(0, 0, 0, 0.60), transparent);
      }

      .gridCard:not(:first-child):after {
        height: 30%;
        background: linear-gradient(to top,
            rgba(0, 0, 0, 0.85),
            rgba(0, 0, 0, 0.60), transparent);
      }

      .enrollOverlay {
        display: none;
      }

      .gridCard:hover {
        .lifeCardOverlay {
          opacity: unset;
          bottom: unset;
        }
      }


      .onhoverOverlay {
        opacity: 1 !important;
        gap: 12px;
        background: unset;
        bottom: 0 !important
      }

      .overlayMob {
        font-size: 13px;
      }

      .overlayText {
        font-size: 22px !important;
      }
    }

    .podcastSection {
      .podcastWrapper {
        flex-direction: column;
        gap: 20px;
        background: unset;
        padding: 0;
      }

      .podcastRight,
      .podcastLeft {
        max-width: 100%;
      }

      .podcastLeft {
        background: var(--white);
        padding: 20px;
        border-radius: 10px;
        gap: 20px;
        justify-content: flex-end;
        align-items: flex-end;
      }

      .podcastHeadingWrapper {
        gap: 14px;
      }

      .whiteApplyButton {
        padding: 9px 14px;
        font-size: 14px;
      }



      .idealButton {
        flex-direction: column;
        width: 100%;
      }

      .podcastLeft a {
        width: 100%;
      }


      .whiteApplyButton svg {
        max-width: 22px;
        max-height: 22px;
      }

    }

    .applicationTimeline {
      padding: 60px 0;

      th:nth-child(2),
      td:nth-child(2) {
        width: unset;
      }


      th:first-child,
      td:first-child {
        width: 120px;
      }

      .table-scroll-wrapper {
        -webkit-overflow-scrolling: touch !important;
      }

      .table-scroll-wrapper::-webkit-scrollbar {
        height: 8px;
      }

      .table-scroll-wrapper::-webkit-scrollbar-track {
        background: #f5f5f5;
        border-radius: 4px;
      }

      .table-scroll-wrapper::-webkit-scrollbar-thumb {
        background: var(--grey18) !important;
        border-radius: 10px;
      }

      .table-scroll-wrapper::-webkit-scrollbar-thumb:hover {
        background: var(--grey3) !important;
      }

      .applicationDivi {
        overflow: auto;
      }

      .applicationDivi::-webkit-scrollbar-thumb {
        display: block;
      }

      .applicationTimelineTable {
        min-width: 1260px;
        margin-bottom: 10px;
      }

      .headingTable {
        padding: 12px 10px;
      }

      .timelineRow {
        padding: 8px 10px;
      }
    }

    .bluePrint {
      .flexbox {
        gap: 24px;
        flex-direction: column;
        align-items: flex-start !important;
      }

      .headingWrap.masterleft {
        width: 100%;
      }

      .masterRight {
        width: 100%;
      }
    }

    .feeProcess {
      .feeProcessContainer .feeBox .body {
        padding: 16px 12px !important;
      }

      .feeSectionMOb {
        display: flex;
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
      }

      .detailsList .subHeading {
        font-size: 18px;
      }

      .detailsList .list li {
        font-size: 13px;
        color: var(--grey18);
      }

      .mobHeader {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 4px;
      }

      .mobHeader .number {
        font-size: 1.25rem;
        color: var(--black);
        font-family: "go-regular";
      }

      .curriculumHead {
        font-size: 13px;
      }

      .feeProcessContainer .rightSection .body {
        gap: 12px;
      }

      .feeProcessContainer .feeBox .body {
        padding: 16px 12px !important;
      }

      #growingDiv {
        left: 33px;
        top: 0;
        width: 4.1px;
        max-height: 100%
      }

      .feeProcessContainer .rightSection::before {
        left: 4.6%;
        height: 120%;
      }

      .feeProcessContainer .rightSection {
        gap: 8px;
        width: 100%;
      }

      .procedureImg {
        width: 40px;
        height: 40px;
      }

      .procedureImgGrad {
        width: 40px;
        height: 40px;
      }

      .feeProcessContainer .leftSection {
        display: none;
      }
    }

    .feeStructureSection {
      padding: 60px 0;

      .feeStructureParent {
        overflow-x: scroll;
      }

      .feeStructureParent::-webkit-scrollbar-thumb {
        display: block;
        background: var(--grey3);
      }

      .feeStructureWrapper {
        flex-direction: column;
        gap: 60px;
      }


      .feeStructureLeft,
      .feeStructureRight {
        max-width: 100%;
      }

      .feeDivider {
        display: none;
      }

      .feeStructureTable {
        min-width: 670px;
      }

      .feeStructureRight .feeStructureTable {
        min-width: 450px;
      }
    }

    .financing {
      padding: 60px 0 !important;

      .financingHeadingWrap {
        max-width: 100%;
      }

      .financingSubHead {
        font-size: 14px;
      }

      .financingBelowWrap {
        display: flex;
        flex-direction: column;
        gap: 24px;
      }

      .financeMenuMob {
        display: flex;
        max-width: 100%;
        padding-left: 16px;
        display: flex;
        align-items: center;
        overflow: auto;

      }

      .container {
        width: 100%;
      }

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

      .financeMenuList.active {
        border-top: 1px solid var(--grey4);
        border-left: 1px solid var(--grey4);
        border-right: 1px solid var(--grey4);
        border-radius: 4px 4px 0 0;
        border-bottom: unset;
      }

      .financeMenuList {
        min-width: 150px;
        padding: 18px 11px;
        max-height: 80px;
        background: var(--white4);
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        transition: 0.3s all;


        img {
          min-height: 30px;
          max-height: 30px;
          overflow: hidden;
          text-align: center;
          align-self: center;
        }

      }

      .financeMenuList::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 3px;
        background-color: var(--grey4);
      }

      .financeMenuList.active::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 3px;
        background-color: var(--grey);

      }

      .financingBelowWrap .content-section {
        width: 100%;
      }

      .financeDetailBox {
        max-width: 100%;
        padding: 0;
      }

      .financeDetailWrapper {
        background: var(--white);
        border: 1px solid var(--white4);
        border-radius: 8px;
        padding: 16px 12px;
      }

      .financingWrapper {
        gap: 24px;
      }

      .financeDetailBox {
        border: unset;
        padding-block: 12px;
      }


      .finaceValue {
        font-size: 14px;
      }

      .financeBoxes {
        flex-wrap: nowrap;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
      }

    }

    .higherStudies {
      padding-top: 0 !important;
      max-height: unset;
      padding: 60px 0;

      .tabimgages {
        height: 100%;

        img {
          height: auto;

        }
      }

      .btnBlack.btnSmMObFont {
        margin-left: 16px;
      }

      .diviCareer {
        padding: unset !important;
      }

      .higherStudiesWrapper {
        gap: 24px !important;
      }


      .companyWrapperNew {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 0;

        .companiesLogoDivi {
          max-height: 80px;
          max-width: 182px;
        }
      }

      .higherStudyContent {
        flex-direction: column;
      }

      .blackSemiPara {
        font-size: 16px;
      }

      .blackMediumPara {
        font-size: 13px;
      }

      .upperContentTab {
        padding-inline: 16px;
      }

      .jobCardLeft {
        max-width: 142px;
      }

      .divrow {
        display: flex;
        gap: 8px;

        .companiesLogoDivi {
          min-width: 35%;
        }
      }

      .divrowWrap {
        display: flex;
        flex-direction: column;
        gap: 8px;
        overflow: auto;
        padding-left: 16px;
      }

      .higherStudiesLeft {
        width: 100%;
        max-width: 100%;
        margin-bottom: 0;
        margin-top: -2px;
        z-index: 1;
      }

      .techCareerTabs {
        border-bottom: unset;
      }

      .techUpperHighlightLeft {
        flex-wrap: wrap !important;
        row-gap: 8px;
      }

      .careerTabUl {
        padding-left: 16px;
        gap: 0;
        overflow: auto;
      }

      .higherStudiesLeft>img {
        min-height: unset;
      }

      .higherStudiesWrapper {
        flex-direction: column !important;

      }

      .higherStudiesLeft.masterImage {
        border-radius: 0;

      }

      .higherStudyContent>svg {
        max-width: 46px;
        max-height: 46px;
      }

      .careerTabUl li {
        border-bottom: 1px solid var(--grey18);
      }

      .masterImage>img {
        border-radius: 0;
      }

      .companiesLogoDivi {
        max-height: unset;
      }

      .techUpperHighlightLeft .companiesLogoDivi {
        max-width: 140px !important;
      }

      .bottomCareerContent {
        overflow: auto !important;
        justify-content: flex-start;
        flex-wrap: nowrap !important;
      }
    }

    .tetrStartupSection {
      padding: 0 !important;
      background: var(--black5);
      /* border-top: 1px solid var(--grey3); */
      border-bottom: 1px solid var(--black5);

      .swiper-slide-active {
        min-height: 520px !important;
        max-height: 530px !important;
      }

      .container {
        padding: 60px 16px;
        background: var(--black);
        border-radius: 0;
      }

      .btnBlack {
        width: 100%;
      }

      .startUpWrapBlock {
        flex-direction: column-reverse;
        max-height: unset;
        padding: 30px 20px;
        gap: 20px;

        .greycrossAsset::after {
          top: 14px;
        }

        .leftWrapStartup {
          transform: unset;
          max-width: 100%;
        }
      }

      .startUpWrapBlock .greycrossAsset::after {
        top: 16px;
      }
    }

    .internshipSection.blackBackground {
      background: var(--black) !important;

      .internshipWrapper {
        padding: 40px 8px !important;
      }

      .studentThoughtPara {
        min-height: unset;
      }
    }

    .internshipSection {
      background: var(--black);
      padding-block: 20px !important;
      border-bottom: 1px solid var(--black5);

      .container {
        padding: 0 16px !important;
      }

      .downloadMobBtn {
        width: 100%;

        .btnWhite {
          width: 100%;
        }

      }

      .internshipWrapper {
        padding: 40px 0;

        a {
          width: 100%;
        }
      }

      .internshipCardWrapper {
        flex-direction: column;
        gap: 24px;
      }

      .internshipStudentUpperDivi {
        gap: 16px;
      }

      .studentCompanyWrapper {
        gap: 8px;
      }

      .internshipStudentBelow {
        margin-top: 16px;
        padding-right: 4px;
      }

      .studentThoughtPara {
        padding-bottom: 16px;
        padding-top: 16px;
        min-height: 222px;
      }
    }

    .internshipSwiperClassTbm {
      overflow: hidden !important;
      width: 100%;
    }

    .aiPacked {
      padding: 60px 0 !important;

      .aiPackedWrapper {
        gap: 40px !important;
        flex-direction: column;
        padding: 0px 16px;
      }

      .aiPackedLeft {
        padding: 0 !important;
      }

      .aiPackedBoxi p {
        font-size: 14px !important;
      }

      .aiScrollWrapper {
        overflow: hidden;
        width: 100%;
        position: relative;
      }

      .aiScrollContent {
        display: flex;
        width: max-content;
        animation: aiInfiniteScroll 30s linear infinite;
        gap: 10px;
        /* Adjust spacing as needed */
      }

      .aiPackedBoxi {
        max-width: fit-content !important;
        min-width: fit-content !important;
      }
    }

    @keyframes aiInfiniteScroll {
      0% {
        transform: translateX(0%);
      }

      100% {
        transform: translateX(-50%);
      }
    }

    .classRoom {
      padding: 60px 0;

      .withoutArrowWhiteBgBtn {
        padding: 8px 14px;
        min-width: max-content;
      }

      font-size: 13px;

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

      .newClassWrapper {
        flex-wrap: wrap;
        gap: 20px !important;
      }

      .campusButtonDivi {
        width: 100%;
        max-width: 100%;
        overflow: auto;
      }

      .newclassLeft {
        max-width: 100%;
      }

      .classRoomUpper {
        padding-left: 16px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
      }

      .classRoomWrapper {
        margin-top: 32px;
      }
    }

    .industryReady {
      padding: 60px 0;

      .box .flexbox {
        align-items: center;
      }

      .futureGroup>img {
        max-width: 42px;
        max-height: 42px;
      }

      .futureReadyWrap {
        flex-direction: column;
      }

      .futureGroup .txtgroup h6 {
        font-size: 20px;
      }

      .futureGroup {
        gap: 8px;
        width: 100%;
      }

      .box2col {
        max-width: 100%;
        width: 100%;
        align-items: center;

      }

      .pgpcohort .cohortwrapper {
        flex-direction: column;
        flex-wrap: unset;
        gap: 20px !important;
      }
    }

    .whiteLineBg.classprofile {
      padding: 60px 0;

      .customDropdownWrapper {
        position: relative;
        width: 100%;
      }

      .lineSpace {
        margin-top: 5px;
      }

      .dropdownList {
        width: 100%;
        border: 1px solid #ccc;
        z-index: 999;
        box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.05);
      }

      .newClassWrapper {
        flex-wrap: wrap;
        gap: 20px !important;
      }

      .newclassLeft {
        max-width: 100% !important;
      }

      .masterImage.ugClassMid {
        max-width: 100%;
      }


      .dropdownList li {
        cursor: pointer;
        padding-block: 14px;
      }

      .dropdownList li:active {
        background-color: var(--grey4);
      }

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

      .informationWrapper {
        font: 0.813rem "go-regular";
        line-height: 160%;
        flex-wrap: wrap;
        gap: 20px;
        flex-direction: column;
        align-items: flex-end;
        position: relative;
      }

      .greybox::after {
        width: 40% !important;
        top: 52% !important;
        left: 68% !important;
      }

      .custom-select {
        appearance: none;
        /* Standard */
        -webkit-appearance: none;
        /* Safari/Chrome */
        -moz-appearance: none;
        /* Firefox */
        background-image: none;
        /* Remove any default bg icon */
        text-align: center;
      }

      .customDropdownWrapper .btnBlack {
        width: 70%;
        align-items: flex-start;
        justify-content: space-between;
      }

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



      .content-section .flexbox {
        align-items: center !important;
      }

      .greybox {
        padding: 40px 20px !important;
      }

    }

    .magazineSection {
      padding: 60px 0;

      &::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 45%;
        display: none;
        display:
          none !important;
      }

      .magazineTabsWrapper {
        flex-direction: column;
        gap: 20px;
        align-items: center;
      }

      .magazineImageWrapper.active {
        filter: brightness(1);
        border-radius: 4px;
        border: 4px solid transparent;
        background: linear-gradient(var(--black) 0) padding-box, linear-gradient(90deg, #39B6D8 6.41%, #F7D344 51.47%, #E38330 96.52%) border-box;
        background-origin: border-box;
        background-clip: padding-box, border-box;
      }

      .magazineImageWrapper {
        border: 4px solid var(--grey10);
        border-radius: 4px;
        cursor: pointer;
        max-width: 100%;
        max-height: 218px;
        filter: brightness(0.5);
        transition: all 0.3s ease;
      }

      .tabs li {
        color: var(--grey);
      }

      .scratchBtn:hover,
      .scratchBtn.active {
        background-color: var(--black);
        transition: 0.4s ease-in-out;
      }

      .tabs li {
        color: var(--grey);
      }

      .scratchTextMob {
        font-size: 16px;
        line-height: 120%;
        font-family: var(--go-medium);
        color: var(--grey3);
      }

      .magazineLeftMob {
        display: flex;
        gap: 10px;
        justify-content: center;
        align-items: center;
        border: 2px solid transparent;
        background: linear-gradient(var(--white) 0 0) padding-box, var(--gradient) border-box;
        border-radius: 32px;
        padding: 8px;
      }

      .scratchBtn {
        border-radius: 60px;
        display: flex;
        padding: 4px 15px 6px 15px;
        justify-content: center;
        align-items: center;
        width: fit-content;
        color: var(--grey3);
        /* background: var(--black); */
        cursor: pointer;
      }


      .scratchTextMob {
        color: var(--grey3);
      }

      .scratchBtn:hover .scratchTextMob,
      .scratchBtn.active .scratchTextMob {
        color: var(--white);
      }


    }

    .parentPerspectiveSection {
      .parentPerspectiveWrapper {
        flex-direction: column;
        gap: 32px;
      }

      .perspectiveRight,
      .perspectiveLefti {
        max-width: 100%;
      }

      .bottomBlackOverlay {
        display: none;
      }

      .swiper-pagination {
        bottom: unset !important;
        margin-top: 12px;
        left: 42% !important;
      }

      .swiper-pagination-bullet {
        background: var(--grey10) !important;
        opacity: 1;
        transition: all 0.3s ease;
        border-radius: 10px;
      }

      .swiper-pagination-bullet-active {
        width: 40px !important;
        background: var(--grey10) !important;
        border-radius: 10px;
      }
    }

    .indiaMapSection {
      padding-top: 32px !important;

      .indiaMapWrapper {
        padding: 40px 20px;
        gap: 40px;
      }

      .mapLefti {
        max-width: 100%;
        gap: 0;
      }

      .mapRight {
        max-width: 100%;
        scale: 0.9;
      }

      .mapCoreText {
        font-size: 18px;
      }

      .mapLeftBottom {
        gap: 28px;
      }

      .gradientMapNum {
        font-size: 34px;
      }
    }

    .ourProgramme {
      padding: 60px 0;

      .ProgrammeCardMob .headingWrapper {
        min-height: 142px;
      }

      .programmeRightContent {
        padding: 12px;
      }

      .campusImage {
        max-width: 27px;
        max-height: 27px;
      }

      .campusDiviParent {
        gap: 10px !important;
      }

      .campusHeading {
        font-size: 13px !important;
      }

      .campusPara {
        font-size: 12px !important;
      }

      .go-BlockHeading {
        font-size: 16px !important;
      }

      .programFlexi {
        max-width: 100%;
        min-height: unset;
      }

      .btnBlack {
        padding: 12px 22px !important;
        font-size: 14px;
        width: 100%;
      }

      .ProgrammeCardMob .eachInfoWrapper:nth-child(3) {
        min-height: 57px;
      }

      .deadlineParent {
        width: 100%;
      }

      .imageWrappper .masterplay svg {
        backdrop-filter: blur(2px);
      }


      .speciallyBtn {
        order: 3;
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        a {
          position: absolute;
          bottom: 20px;
          /* left: 0; */
          margin: 0 auto;
          max-width: 92%;
        }
      }

      .swiper {
        overflow: hidden !important;
      }

      background: var(--black);

      .btnWhite.btnSm {
        width: 100%;
      }

      .programmeMobHeading {
        font-size: 24px;
        line-height: 120%;
        font-family: var(--go-regular);
        font-weight: 400;
      }

      .programmeSpan {
        font-size: 24px;
        font-weight: 400;
        font-family: "Fraunces", serif;
        font-style: italic;
      }

      .programmeWrapper {
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
        position: sticky;
        top: 16px;
        z-index: 100;
        background: var(--black);
        padding-bottom: 10px;
      }

      .imageWrappper {
        position: relative;
        order: 1;
        max-height: 124px;
        overflow: hidden;
        border-radius: 8px;

        img {
          border-radius: 8px;
          min-height: 124px;
        }
      }

      .programFilters {
        display: flex;
        gap: 8px;
        align-items: center;
        width: 100%;
        overflow: auto;
      }

      .programName {
        border-radius: 54px;
        border: 1px solid var(--grey3);
        background: var(--black);
        backdrop-filter: blur(2.5px);
        width: fit-content;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 8px 10px;
        cursor: pointer;
        transition: all 0.1s ease;
        min-width: max-content;
      }

      .programName.active {
        border: 1px solid transparent;
        /* Keep border transparent but define width */
        background: var(--white);

        .allText {
          color: var(--grey17) !important;
          font-weight: 600;
        }
      }

      .allText {
        font-size: 11px;
        font-family: "go-regular";
        color: var(--white);
        font-weight: 400;
        line-height: 120%;
      }

      .eachProgramDivi .swiper-pagination-bullet {
        background: var(--grey5) !important;
      }

      .eachProgramDivi {
        display: flex;
        flex-direction: column;
        gap: 15px;
        align-items: flex-start;
        opacity: 0;
        transform: translateY(10px);
        transition: opacity 0.1s ease, transform 0.1s ease;
      }

      .eachProgramDivi.show {
        opacity: 1;
        margin-top: 14px !important;
        transform: translateY(0);
      }

      .programFilters::-webkit-scrollbar {
        display: none !important;
      }

      .mobile-programs-container::-webkit-scrollbar {
        display: none !important;
      }

      .programs-wrapper {
        margin-top: 14px;
      }

      .programmiHeadingMOb {
        font-size: 20px;
        font-family: "Fraunces", serif;
        font-weight: 400;
        display: none;
        line-height: 120%;
      }

      .gradientUnderline::after {
        background: url(https://images.mastersunion.link/uploads/01052025/v1/Vector1348.svg) no-repeat;
      }

      .ugCardsParent {
        display: flex;
        gap: 10px;
        overflow: hidden !important;
        width: 100%;
        max-width: 100%;
      }

      .ProgrammeCardMob {
        border-radius: 8px;
        position: relative;
        border: 1px solid var(--black5);
        background: var(--black);
        padding: 10px;
        display: flex;
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;

        a {
          width: 100%;
          order: 5;
        }
      }

      .eachProgramDivi .swiper-pagination {
        bottom: 0% !important;
        width: 100% !important;
        position: absolute !important;
      }

      .eachProgramDivi .swiper-wrapper {
        padding-bottom: 30px !important;
      }

      .eachProgramDivi .swiper-pagination-bullet {
        background-color: var(--black5) !important;
        width: 8px;
        height: 8px;
        border-radius: 10px;
        margin: 0 4px;
        transition: background-color 0.3s ease, width 0.3s ease;
        opacity: 1;
      }

      .eachProgramDivi .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: var(--grey3) !important;
        width: 40px !important;
      }

      .cardHeading {
        font-size: 18px;
        line-height: 120%;
        font-family: var(--go-regular);
        font-weight: 400;
      }

      .cardHeadingFraunce {
        font-size: 20px;
        font-weight: 400;
        line-height: 120%;
        font-family: "Fraunces", serif;
      }

      .headingWrapper {
        display: flex;
        flex-direction: column;
        gap: 6px;
        order: 2;
        align-items: flex-start;
      }

      .cardPara {
        font-size: 13px;
        line-height: 150%;
        font-family: var(--go-regular);
        color: var(--grey4);
      }

      .eligibilityParent {
        display: flex;
        /* flex-wrap: wrap; */
        min-height: 324px;
        gap: 10px;
        margin-bottom: 2px;
        flex-direction: column;
      }

      .cardParaEligibility {
        line-height: 120%;
        font-size: 13px;
        color: var(--white3);
        font-family: var(--go-medium);
      }

      .eachInfoWrapper {
        display: flex;
        align-items: flex-start;
        gap: 6px;
        width: 100%;
        max-width: 100%;
      }

      .advancedDivi {
        display: flex;
        flex-direction: column;
        gap: 4px;
        align-items: flex-start;
        margin-top: 4px;
      }

      .advancedDivi {
        .infoText {
          font-size: 12px;
          font-family: var(--go-regular);
          line-height: 150%;
          color: var(--grey10);
        }
      }

      .whiteFillButton {
        max-width: 100%;
        justify-content: center;
        font-size: 13px;
        padding: 8px 14px;

        img {
          max-width: 12px;
          max-height: 10px;
        }
      }
    }

  }

  @media (max-width: 767px) {
    .go-BreatherHeadingNew {
      font-size: 28px;
    }

    .go-sectionHeading {
      font-size: 22px;
      line-height: 120%;
      font-family: var(--go-regular);
    }

    .go-Hero {
      font-size: 30px;
      line-height: 120%;
      font-family: var(--go-regular);
      font-weight: 400;
    }

    .fr-Hero-italic {
      font-size: 32px;
      line-height: 120%;
      font-weight: 400;
      font-style: italic;
      font-family: "Fraunces", serif;
    }
  }

  @media (min-width: 320px) and (max-width: 360px) {

    html {
      zoom: 85%;
    }

    .feeProcess {
      #growingDiv {
        left: 8.2%;
        top: 66px;
        width: 4.1px;
      }
    }

  }

  @media (min-width: 1920px) {
    .exploreCampus {
      height: 90vh;
    }
  }
}

.main-section {
  .faqWrapper {
    display: flex;
    gap: 30px;
    margin-top: 30px;
  }

  .risefaqWrapBox {
    background: var(--white3);
  }

  .faq {
    padding: 80px 0;
  }

  .navigationWrapper {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 20px;
    height: fit-content;
  }

  .faqHeading {
    font-family: "go-medium";
    line-height: 160%;
    color: var(--grey17);
    font-size: 1rem;
  }


  .faq .navigationWrapper ul {
    flex-direction: column;
    gap: 40px;
    padding: 40px 30px;
    align-items: flex-start;
    background: var(--black2);
    display: flex;
  }

  .faq .navigationWrapper li {
    text-transform: none;
  }

  .faqquestionWraps .toggler,
  .faqquestionWrap .toggler {
    max-width: 36px;
  }

  .faqquestionWraps {
    background: transparent !important;
    padding: 0 !important;
  }

  .faqquestionWraps,
  .faqquestionWrap {
    justify-content: space-between;
    display: flex;
    gap: 5px;
    background: var(--white);
    padding: 22px 20px;
    border-radius: 6px;
    border: 0.5px solid var(--grey4);
    flex-direction: column;
    margin-bottom: 10px;
    cursor: pointer;
  }

  .faq .content-section {
    width: 83%;
  }

  .faqquestionWraps img,
  .faqquestionWrap img,
  .faqquestionWrap2 img {
    cursor: pointer;
  }

  .faqquestionWraps .left,
  .faqquestionWrap .left,
  .faqquestionWrap2 .left {
    display: flex;
    gap: 15px;
    justify-content: space-between;
    align-items: center;
  }

  .faqquestionWraps.active .left img {
    transform: rotate(180deg);
  }



  .faqanswer .subText {
    color: var(--grey13);
  }

  .faqanswer {
    font-size: 0.813rem;
    color: var(--grey13);
    font-family: "go-regular";
    line-height: 150%;
    width: 90%;
  }

  .faq .content {
    box-shadow: none;
  }

  .faq .lightMuVector::after {
    background: url("https://files.mastersunion.link/resources/svg/faqLightLine.svg");
    background-repeat: no-repeat;
    bottom: -20%;
  }

  .risefaqWrapBox .tabs li {
    font: 0.875rem "go-medium";
    color: var(--grey6);
    list-style: none;
    display: block;
    cursor: pointer;
  }

  .faq .navigationWrapper li {
    text-transform: none;
  }

  .navigationWrapper li.active {
    background: linear-gradient(102deg, #39b6d8 0%, #f7d344 50%, #e38330 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    outline: none;
    border: none;
    position: relative;
    font-family: "go-semibold";
  }

  .faq .headingWrap {
    align-items: end;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
  }

  .faqquestionWrap.active .toggler,
  .faqquestionWrap2.active .toggler {
    transform: rotate(45deg);
    filter: invert(1);
    transition: 0.2s ease-in;
  }

  .faqquestionWrap.active .toggler {
    transform: rotate(45deg);
    transition: 0.4s ease-in;
  }

  @media (max-width: 767px) {
    .faq {
      padding: 60px 0 !important;
    }

    .faq .flexbox {
      flex-direction: column;
      align-items: flex-start;
      gap: 30px;
    }

    .faqWrapper {
      flex-direction: column;
      align-items: center;
      margin-top: 20px;
      gap: 20px;
    }

    .faq .headingWrap {
      margin-top: 0;
    }

    .faq .navigationWrapper {
      width: 100%;
      margin: 0;
    }

    .faq .navigationWrapper li {
      font-size: 0.875rem;
      text-wrap: nowrap;
    }

    .faq .navigationWrapper ul {
      overflow-x: scroll;
      flex-direction: row;
      width: 100%;
      padding: 15px;
      border-radius: 12px;
      justify-content: space-around;
      align-items: center;
    }

    .faq .content-section {
      width: 100%;
    }

    .faqquestionWrap {
      padding: 16px;
      border: 0.5px solid var(--grey4);
    }

    .faqHeading {
      font-size: 0.875rem;
    }

    .faqanswer {
      font-size: 0.785rem;
      line-height: 20px;
      width: 100%;
    }

    .faqquestionWrap .toggler {
      max-width: 36px;
    }
  }
}