.link-red {
  color: #E38330 !important;
  font-size: 14px;
  line-height: 160%;
}

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

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

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




.pgpNew {
  & .impactScroll {
    .impactLeftBox {
      position: relative;
      padding-left: 65px;
      min-height: 250px;
      max-width: 100%;
    }

    .impactLeft {
      width: 51%;
    }

    .downloadReports {
      padding: 8px 0;

    }

    .downloadArrow {
      color: #E38330;
      font-size: 16px;
      line-height: 150%;
      font-family: var(--go-medium);
      display: flex;
      align-items: center;
      gap: 8px;
    }

    /* .downloadArrow:hover #changecolor {
      stroke: #E38330;
      
    } */
  }
}


.blackdb svg {
  filter: invert(1);
}


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

.seondtabs {
  padding: 10px 0 !important;
}

.masterPlay svg {
  backdrop-filter: blur(2px);
  border-radius: 60px;
}

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

.admissionTrack {
  background: var(--white);
  padding: 60px 0;

  .container {
    padding: 0;
  }

  .textHighlight {
    color: #090909;
  }

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

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

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

  .admissionTrackContent {
    font-size: 14px;
    line-height: 150%;
    color: var(--grey3);

  }

  .admissionTrackRight {
    width: 100%;
    max-width: 526px;
    line-height: 0;
  }
}

.heroSection {
  position: relative;
  line-height: 0;
  z-index: 9;
  padding: 0 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;
  }


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

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

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

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

  .heroSectionBtnWrap {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-top: 24px;
  }

  .heroSectionImg {
    height: 90vh;

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

      video {
        width: 100%;
      }
    }


    .mobilevideo {
      width: 100%;
    }

  }


}

.magazineSection {
  background: linear-gradient(to bottom, var(--white) 50%, var(--black) 45%);
  position: relative;

  &::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);
  }

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

  .bharatPara {
    font-size: 16px;
    font-family: var(--go-regular);
    line-height: 150%;
    color: var(--grey17);
    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: 218px;
    filter: brightness(0.5);
    transition: all 0.3s ease;
  }

  .magazineImage {
    background-size: contain;
    min-height: 211px;
  }

  .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;

  }
}

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

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

  .programmeBreatherWrapper {
    display: flex;
    align-items: flex-start;
    gap: 24px;

  }

  .firstTbmBoxi {
    min-height: 114px;
  }

  .programmeBreatherLeft>img {
    border-radius: 10px;
  }

  .programmeBreatherLeft {
    width: 100%;
    max-width: 642px;
    position: relative;
    border-radius: 10px;
    line-height: 0;
  }

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

    svg {
      backdrop-filter: blur(2px);
      border-radius: 60px;

    }
  }

  .programmeBreatherRight {
    width: 100%;
    max-width: 574px;

    background: var(--white);
    border-radius: 10px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-height: fit-content;

  }

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

  .boxiUpper {
    display: flex;
    gap: 24px;
    align-items: stretch;
    margin-top: 32px;
    min-height: 264px;
  }

  .smallBoxi {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
  }

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

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

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

  .classPara {
    font-size: 14px;
    line-height: 120%;
    color: var(--grey15);
    font-family: var(--go-medium);
  }

  .rightBoxiSection {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 45%;
    gap: 15px;
  }

  .buttonsParent {
    display: flex;
    width: 100%;
    gap: 16px;
    margin-top: 32px;
    align-items: flex-start;
  }


  .whiteApplyButton {
    gap: 50px;
    padding: 14px 30px;
    justify-content: space-between;
  }


  .whiteApplyButton,
  .downloadBroucherButton {
    width: 100%;
    max-width: 50%;
  }

  .firstBoxi {
    border-bottom: 1px solid var(--grey4);
    padding-bottom: 16px;
  }

  .lineDuration {
    background-color: var(--grey4);
    width: 1px;
  }
}

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

  .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%);
  }

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

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

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

    video {
      filter: brightness(0.5);
    }
  }

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

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

  .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: 100%;
      max-height: 100%;
    }
  }

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

  }
}

.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;
  }
}

.investmentSection {
  background: var(--black);

  .investmentWrapper {
    position: relative;
  }

  .investmentHeadingWrapper {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    top: 100px;
  }

  .investmentBtnWrapper {
    position: absolute;
    bottom: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
}

.fundSection {
  background: var(--black);

  .fundWrapper {
    position: relative;
  }

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

  .fundHeadingWrapper {
    position: absolute;
    top: 40px;
    left: 60px;
    display: flex;
    justify-content: space-between;
    right: 60px;
    align-items: flex-end;
  }

  .fundBtnWrapper {
    position: absolute;
    bottom: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
}

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

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

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

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

  .insightSwiper {
    overflow: hidden !important;
  }

  .insightBtnWrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    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;
  }

  .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: var(--grey10);
    border-top: 1px solid var(--black5);
    padding-top: 8px;
  }

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

  .inisghtItalic {
    font-family: "fraunces", serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 120%;
    color: var(--white);
  }
}

.enrollmentSection {
  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);
  }

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

  .onhoverOverlay {
    /* position: absolute;
        left: 20px;
        bottom: -100%;
        opacity: 0;
        transition: all 0.4s ease;
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 16px; */



    position: absolute;
    border-radius: 8px;
    background: linear-gradient(to top, rgba(0, 0, 0, 4) 10%, rgba(0, 0, 0, 0.85) 30%, rgba(0, 0, 0, 0.6) 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: 100%;
    width: 100%;
    transition: bottom 0.4s ease-in-out, opacity 0.4s ease-in-out;
  }

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

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

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

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

  .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;
  }

}

.footerNew {
  background: var(--grey26);
  padding: 40px 0;

  .linksWeb {
    width: 100%;
  }

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

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

  .footerUpperLefti {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 80px;
    width: 100%;
    max-width: fit-content;
  }

  .footerAddressWrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }

  .footerMuLogo {
    max-width: 124px;
    max-height: 32px;
    scale: 1.9;
    margin-left: 10%;
  }

  .footerDlf {
    display: flex;
    gap: 8px;
    align-items: baseline;

  }

  .footerWhiteText {
    font-size: 14px;
    line-height: 160%;
    font-family: var(--go-regular);
    color: var(--white4);
  }

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

  .mailFooter {
    align-items: center;
  }

  .footerMemberWrapper {
    display: flex;
    gap: 40px;
    align-items: center;
  }

  .footerUpperRight {
    display: flex;
    width: 100%;
    max-width: 810px;
    justify-content: space-between;
  }

  .pages {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 26px;
  }

  .pagesNameText {
    font-size: 18px;
    line-height: 140%;
    font-family: var(--go-medium);
    color: var(--white4);
  }

  .footerInnovation {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }

  .footerGreyText {
    font-size: 14px;
    text-transform: capitalize;
    line-height: 160%;
    font-family: var(--go-regular);
    color: var(--grey10);
  }

  .footerBelow {
    display: flex;
    width: 100%;
    justify-content: space-between;
    border-top: 1px solid var(--black5);
    padding-top: 24px;
  }

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

    .footerWhiteText {
      text-decoration: underline;
      text-decoration-color: var(--white4);
    }
  }

  .footerSocialWrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 278px;
  }
}

.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(--grey4);
  }

  .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%;
  }
}

.impactScroll {
  padding-top: 40px;


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

  .impactLeftBox:nth-of-type(2)::after {
    background: url(https://images.mastersunion.link/uploads/11072025/v1/IconTag15.svg) !important;
  }

  .impactLeftBox:nth-of-type(4)::after {
    background: url(https://images.mastersunion.link/uploads/11072025/v1/IconTag16.svg) !important;
    height: 40px !important;
  }

  .impactLeftBox::after {
    background: url(https://images.mastersunion.link/uploads/11072025/v1/IconTag17.svg) !important;
  }

  .impactLasti::after {
    background: url(https://images.mastersunion.link/uploads/11072025/v1/IconTag19.svg) !important;
  }

  .mobImpactImage {
    position: relative;
  }

  .textHighlight {
    color: var(--grey18) !important;
  }

  .impactHeadingWrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 20px 0;
    z-index: 10;
    background: var(--black);
    max-width: 600px;
  }

}


.dsaiMasters {
  background-color: var(--white);
  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;
    padding-block: 16px;
  }

  .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";
  }

  .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 {
  background: linear-gradient(125deg, #39b6d8 -20%, #f7d344 50%, #e38330 100%);
  padding: 60px 0;

  .podcastLeft a {
    gap: 10px;
  }

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

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

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

  .podcastHeadingWrapper {

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

  .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);
  }
}

.germanImmersion {
  background: linear-gradient(100deg, #39B6D8 -19.33%, #F7D344 40.46%, #E38330 100.24%);
  padding: 60px 0 !important;

  .singaporeBtnWrapper {
    display: flex;
    gap: 12px;
  }

  .germanBtnWrapper {
    display: flex;
    gap: 12px;
    align-items: center;
  }

  .germanImmersionWrapper {
    display: flex;
    gap: 24px;
    align-items: flex-start;
  }

  .germanBreatherLeft {
    width: 100%;
    max-width: 684px;
    border-radius: 8px;
    background: var(--white);
    padding: 32px 28px;
    display: flex;
    flex-direction: column;
    gap: 26px;
    align-items: flex-start;
  }

  .masterRight {
    width: 100%;
    max-width: 532px;
    overflow: hidden !important;
    max-height: 347px;
  }

  .swiper-slide {
    overflow: hidden !important;
  }

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

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

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

  .swiper-pagination-bullet {
    background: var(--grey18) !important;
    opacity: 1;
    transition: all 0.3s ease;
    border-radius: 10px;
  }

  .swiper-pagination-bullet-active {
    width: 40px !important;
    background: var(--white4) !important;
    border-radius: 10px;
  }

  .swiper-pagination {
    display: flex;
    width: fit-content !important;
    bottom: 30px !important;
    left: 45% !important;
    top: unset !important;
  }

  .germanImageBoxi>img {
    /* min-height: 352px; */
    border-radius: 8px;
  }

  .bottomBlackOverlay {
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .germanImageBoxi {
    position: relative;
    cursor: pointer;
  }
}

.semesterCurriculum {
  background: var(--white4);

  .semester-content:nth-child(8) .yearBelowRight .aiToolsRight {
    max-width: 100% !important;
  }

  .white-text {
    color: var(--white) !important;
  }

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

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

  .tabSecondLast {
    border-bottom: unset !important;
    padding-bottom: 0 !important;
  }

  .lastTabSem {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
  }

  .yearBelowRightHeading p:nth-child(2) {
    flex: 1;
  }

  .aiToolsLeft {

    .go-BlockHeading {
      color: var(--black);
    }

    .fr-BlockHeadingItalic {
      font: italic 28px / 1.2 "Fraunces", serif;
      font-weight: 350;
    }
  }

  .yearBelowRightHeading p:first-child {
    font: 24px 'go-regular';
    line-height: 120%;
    flex: 1;
    color: var(--black);

    span {
      font: italic 28px/1.2 "Fraunces", serif;
      font-weight: 350;

    }
  }

  .yearBelowRight {
    background: var(--white);
  }

  /* .headWrapper {
        position: sticky;
        top: 110px;
        background: var(--white4);
        z-index: 10;
        padding-bottom: 8px;
        padding-top: 12px;
    } */

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

  .headWrapper p {
    width: 100%;
    max-width: 600px;
    color: var(--grey3);
  }

  .semWrapper {
    margin-top: 40px;
    display: flex;
  }

  .flagParentDivi img {
    max-width: 80px;
  }

  .semTabs {
    width: 100%;
    max-width: 280px;
    height: fit-content;
    position: sticky;
    top: 140px;
  }

  .tab {
    padding: 10px 0 14px;
    cursor: pointer;
    border-bottom: 1px solid #D9D9D9;
    color: var(--black);
    transition: border-color 0.3s;
  }

  .tab.active {
    border-bottom: 1px solid #000;

    .semNumber {
      color: var(--black);
      font-weight: 500;
    }
  }

  .semesterContentBox {
    flex: 1;
    padding: 10px 0px 10px 60px;
  }

  .semester-content {
    margin-bottom: 40px;
    border-radius: 5px;
  }

  .semNumber {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--grey15);
    font: 16px 'go-regular';
    line-height: 120%;
  }

  .subjectTag {
    padding: 4px 15px;
    border-radius: 60px;
    font-size: 14px;
    font-family: "Fraunces", serif;
    font-weight: 400;
    line-height: 120%;
    color: var(--black);
    background: var(--grey4);
    max-width: fit-content;
    font-style: italic;
    transition: background 0.3s;
  }

  .tab.active .subjectTag {
    background: var(--black);
  }

  .blankDiv {
    min-height: 50px;
  }

  .yearBelowRight {
    color: var(--white);
    border-radius: 10px;
    box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.05);
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
  }

  .yearBelowRightHeading {
    display: flex;
    justify-content: space-between;
    /* border-bottom: 1px solid var(--grey18); */
    align-items: center;
  }

  .yearBelowRightHeading p {
    font-size: 20px;
    line-height: 120%;
    /* 24px */
    color: var(--grey3);
    font-family: var(--go-medium);
    /* margin-bottom: 18px; */
  }

  .semButtonsDiv {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
    display: none;
  }

  .aiToolsLeft {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 375px;
  }

  .appliedPara {
    font-size: 14px !important;
    line-height: 140%;
    /* 19.6px */
    color: var(--black);
    font-family: "go-regular" !important;
  }

  .aiToolsParent {
    display: flex;
    gap: 50px;
    align-items: flex-start;
  }

  .aiToolsRight {
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-width: calc(100% - 415px);
  }

  .poweredDivi {
    display: flex;
    gap: 10px;
    align-items: flex-start;
  }

  .logocontentParent {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .modelBox {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }

  .modelBoxiTech {
    display: flex;
    max-width: fit-content;
    padding: 6px 8px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: var(--grey16);
    font-size: 13.1px;
    font-family: var(--go-medium);
    line-height: 120%;
    color: var(--black);
  }

  .rightContentOnclick {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    max-width: 100%;
  }

}


.reachoutBreatherSection {
  background: linear-gradient(96deg, #39B5D7 -31.01%, #F7D544 49.05%, #E38330 109.58%);
  padding: 60px 0 !important;

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

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

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

  .reachoutRight {
    width: 100%;
    max-width: 39.6%;
    overflow: hidden;
  }

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

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

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

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

  .supportBoxiText {
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 120%;
    font-family: "fraunces", serif;
    color: var(--grey);
  }

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

.lifeAtMuSection {
  background: var(--black);
  border-block: 1px solid var(--black5);

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

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

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

  .lifeMuCard {
    position: relative;
    max-width: 400px;
    cursor: pointer;
    border-radius: 16px;
    max-height: fit-content;
    overflow: hidden !important;
    border: 1px solid var(--grey3);
    transition: border 0.3s ease;
    max-height: 348px;
  }


  .lifeCardHeadWrapper {
    display: flex;
    width: 100%;
    justify-content: space-between;
    position: absolute;
    padding: 0 22px;
    align-items: center;
    bottom: 26px;
    transition: opacity 0.4s ease-in-out;
  }

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

  .lifeCardOverlay {
    position: absolute;
    border-radius: 16px;
    background: linear-gradient(to top,
        rgba(0, 0, 0, 4) 10%,
        rgba(0, 0, 0, 0.85) 30%,
        rgba(0, 0, 0, 0.6) 60%,
        rgba(0, 0, 0, 0) 100%);
    background-repeat: no-repeat;
    padding: 24px;
    flex-direction: column;
    z-index: 5;
    align-items: flex-end;
    justify-content: space-between;
    display: flex;
    opacity: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    transition:
      bottom 0.4s ease-in-out,
      opacity 0.4s ease-in-out;

  }



  .lifeMuCard:hover {
    /* border: 1px solid transparent; */

    .lifeCardOverlay {
      opacity: 1;
      bottom: 0;
    }

    .lifeCardHeadWrapper {
      opacity: 0;
    }

  }

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

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

  .lifeCardOverlay>img {
    max-width: 48px;
    max-height: 48px;
  }

  .lifeCardOverlay a {
    align-self: flex-end;
  }
}

.theNewsSection {
  background: var(--black);

  .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: var(--grey4);
  }

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

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

    img {
      border-radius: 8px;
      width: 100%;
    }
  }

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

.internshipSection.blackBackground {
  background: var(--black) !important;

  .internshipWrapper {
    padding: 0 60px;
  }

  /* .internshipParent{
   display: flex;
   align-items: center;
   justify-content: center;
  } */
}


.internshipSection {
  background: var(--white);
  padding: 60px 0 !important;

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

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

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

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

  .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%;
  }

  .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%;
  }
}

.bharatEvent {
  background: url(https://images.mastersunion.link/uploads/04072025/v1/certifiedSebiVector.svg), linear-gradient(to top, var(--black) 50%, var(--white) 50%);
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 60px;

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

  .bharatBold {
    color: var(--white3);
    font-weight: 600;
  }

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

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

  }
}

.graduatePrestigiousSection {
  background: var(--white);
  border-top: 1px solid var(--grey18);


  .remarkText {
    font-size: 10px;
    line-height: 150%;
    font-family: var(--go-regular);
    color: var(--grey10);
    align-self: flex-start;
    margin-top: 22px;
    margin-left: 8px;
  }

  .graduatePrestigiousWrapper:nth-child(2) {
    border-top: 1px solid var(--black5);
    padding-top: 32px;
    border-radius: 16px;
  }

  .degreeSectionParent {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }

  .graduatePrestigiousWrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: flex-start;
    padding: 60px 50px;
    background: var(--black);
    border-radius: 10px;
    position: sticky;
    top: -3rem;
  }

  /* .graduatePrestigiousWrapper.graduateBelowSticky {
       padding-top: 0;

   } */

  .degreeImageWrapper {
    position: relative;
  }

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

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

  .degreePara {
    font-size: 16px;
    max-width: 610px;
    line-height: 150%;
    font-family: var(--go-regular);
    color: var(--grey10);
  }

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

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

  }

  .degreeHeading {
    font: normal 28px/1.2 var(--go-regular);
  }

  .degreeGradientHeading {
    font: italic 32px/1.2 "Fraunces", serif;
    font-weight: 350;
  }

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

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

  .listNumber {
    border-radius: 60px;
    border: 1px solid var(--grey15);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    max-width: 26px;
    max-height: 26px;
    font-size: 14px;
    line-height: 150%;
    color: var(--white);
  }

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

  .listGradientBold {
    font-weight: 600;
    line-height: 120%;
    color: var(--Orange, #E38330);
  }

  .yellowArrow {
    vertical-align: middle;
  }
}

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

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

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

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

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

  .marginblock20 {
    margin-block: 8px;
  }

  .dsBelowLeft>img {
    position: sticky;
    top: 14rem;
  }

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

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

  .curriculumDsUpper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    top: 7rem;

    z-index: 10;
    background: var(--white3);
    padding-block: 8px;
  }

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

  .dsBelowLeft.masterImage {
    overflow: unset;

    img {
      position: sticky;
      top: 15rem;
    }
  }

  .dsBelowLeft {
    width: 100%;
    max-width: 630px;
  }

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

  .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%;
  }

  .content.active {
    display: flex;
  }

  .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: 6px;
  }

  .greyParaOutclass {
    font-size: 14px;
    font-family: var(--go-regular);
    line-height: 150%;
    color: var(--grey15);
    margin-bottom: 8px;
    display: flex;
    align-items: flex-start;
    gap: 8px;
  }

  .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;
  }
}

.bluePrintNew {
  background: var(--black);
  padding: 60px 0 !important;

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

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

.feeProcess {
  padding: 60px 0 65px;

  #growingDiv {
    width: 4px;
    left: calc(33% - 5.9px);
    top: 0;
  }

  .feeProcessContainer {
    margin-bottom: 20px;
  }

  .procedureImg {
    max-width: 60px;
    max-height: 60px;
  }

  .feeProcessContainer .rightSection .body {
    background: var(--grey16) !important;
    border-radius: 8px;

  }

  .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;

  }

  .detailsList .list li p {
    color: var(--grey3);
  }

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

.meritScholarship {
  background: var(--black);

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

  .meritUpperWrap {
    display: flex;
    gap: 30px;
    justify-content: space-between;
  }

  .meritScholarLeft {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
    max-width: 740px;
  }

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

  .meritScholarshipTable {
    width: 100%;
    border-collapse: collapse;
    max-width: 100%;
  }

  .meritScholarshipTable tr:first-child td {
    padding-top: 24px;
  }

  .meritScholarshipTable tr:last-child td {
    border-bottom: unset;
  }

  .meritScholarshipTable thead {
    background: var(--grey17);
    border-radius: 4px;
  }

  .meritScholarshipTable th {
    padding: 12px 20px;
    text-align: left;
    font-size: 14px;
    line-height: 120%;
    color: var(--white);

  }

  .meritScholarshipTable th:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  .meritScholarshipTable th:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  .meritScholarshipTable td {
    font-size: 16px;
    line-height: 150%;
    border-bottom: 1px solid var(--black5);
    padding: 8px 20px;
    color: var(--grey10);
  }

  .meritScholarshipTable .textGreyBold {
    color: var(--grey4);
    font-family: var(--go-medium);
    line-height: 150%;
  }

  .meritScholarRight {
    display: flex;
    width: 100%;
    flex: 1;
  }

  .meritNoteBox {
    width: 100%;
    max-width: fit-content;
    background: var(--grey17);
    display: flex;
    border-radius: 8px;
    align-items: center;
    gap: 10px;
    padding: 8px 20px;
  }

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

  .meritNoteBold {
    font-family: var(--go-semibold);
  }
}

.financing {
  background: var(--white3);
  border-bottom: 1px solid var(--grey4);

  .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: 16px;
    line-height: 150%;
    color: var(--black);
    font-family: var(--go-regular);
  }
}

@keyframes jobScrollLeftAnim {
  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(-50%);
  }
}

@keyframes jobScrollRightAnim {
  0% {
    transform: translateX(-50%);
  }

  100% {
    transform: translateX(0%);
  }
}

.higherStudies {
  max-height: 120vh;
  background: var(--white);
  padding-bottom: 20px;

  .jobCardLeft {
    max-width: 148px;
    max-height: 60px;
  }


  .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: -1px;
    left: 0;
    width: 100%;
    height: 2px;
  }

  .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);
  }

  .techUpperHighlightLeft {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
  }

  .companiesLogoDivi {
    width: 100%;
    max-width: 142px;
    max-height: 60px;
  }
}

.aiPacked {
  background: var(--black);
  overflow: hidden !important;
  padding: 0 !important;

  .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;
  }
}

.exploreCampus {
  width: 100%;
  position: relative;
  height: 100vh;
  background: linear-gradient(to bottom, var(--white) 54%, var(--black) 50%);


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

  .campusButtonDivi {
    display: flex;
    gap: 14px;
    align-items: center;
  }

  .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;
  }

  .towerSection iframe {
    height: 65vh;
    margin-top: 30px;
    border-radius: 8px;
  }
}

.applicationTimeline {
  background: var(--white);

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

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

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

  .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%;
  }

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

  .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;
      pointer-events: none;

      svg path {
        fill: #a3a3a3;
      }
    }

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

.feeStructureSection {
  background: var(--black);
  border-block: 1px solid var(--black5);

  h2 .fr-BreatherHeading {
    font-style: normal;
  }

  .feeStructureWrapper {
    display: flex;
    gap: 32px;
    align-items: stretch;
  }

  .feeStructureLeft {
    max-width: 60%;
  }

  .feeStructureRight {
    max-width: 40%;
  }

  .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;
    border-bottom-left-radius: 4px;

    /* or whatever px you want */
  }

  .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);
  }
}

.classRoom {
  background: var(--white);

  .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;
  }
}

.chayosSection {
  background: var(--white3);

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

  .box2col .flexbox {
    justify-content: space-between;
    align-items: center;
  }

  .cohortwrapper p {
    color: var(--grey3);
    font-size: 14px;
  }

  .studentDes {
    font-size: 14px !important;
    font-style: italic;
    font-weight: 400;
    line-height: 120%;
    font-family: "Fraunces", serif;
    color: var(--black) !important;
  }

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

  .centerBtn {
    align-self: center;
  }

  .cohortwrapper img {
    max-width: 100%;
    max-height: 100%;
  }

  .lineSpace {
    margin-top: 2px;
    padding-top: 4px;
  }

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

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

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

.industryReady {
  background: var(--white3);



  .lineSpace {
    margin-top: 2px;
    padding-top: 3px;
  }

  .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;
  }

  .futureReadyWrap {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin: 40px 0;
  }

  .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;
  }

  .box .flexbox {
    align-items: center;
  }

  .colorCoaching {
    color: var(--grey);
  }
}

.classprofile {
  background: var(--white) !important;

  .informationWrapper {
    color: var(--black) !important;
  }

  .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);
  }


  .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;
    font-style: italic;
    font-weight: 400;
    line-height: 120%;
    font-family: "Fraunces", serif;
  }

}

.classprofile {
  background: var(--white);

  .box2col>img {
    border-radius: 12px;
  }

  .ugDsClassProfile {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
  }

  .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);
  }

  .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;
    font-style: italic;
    font-weight: 400;
    line-height: 120%;
    font-family: "Fraunces", serif;
  }

}

.hearFromStudent {
  .aboutVideo {
    font-family: "Fraunces", serif;
    font-size: 15px;
  }
}

.concentrationNew {
  background: var(--white);
  padding: 20px !important;
  border-bottom: 1px solid var(--grey4);

  .font-semibold {
    color: var(--black);
  }

  .headingsLeft {
    max-width: 44% !important;
  }

}



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

.classprofile {
  .lineSpace {
    margin-top: 2px;
  }
}

.sittingLectures {

  background-color: var(--black);
  color: white;
  border-bottom: 1px solid var(--black5);

  .lectureCardLogoWrapper.one .logo {
    max-width: 327px;
    margin-right: 16px !important;
  }

  .lectureCardLogoWrapper.one {
    display: flex;
    align-items: center;
    gap: 24px !important;
  }


  .max98p {
    max-width: 98px;
  }

  .card3,
  .card2 {
    .btnBlack {
      margin: 0 8px;
    }
  }


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

    img {
      max-width: 358px;
    }
  }

  .lectureImageWrapper {
    position: relative;

    .masterPlay {
      top: -2px;
    }

    .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 !important;
  }

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

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

    .logo {
      margin-right: 10px;
      max-width: 75px;
    }

    .logo>img {
      width: 100%;
    }
  }

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

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

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

  /* .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: 472px;
    line-height: 0;
  }

  .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;
    overflow: hidden;
  }

  .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%;
  }

  .logo>img {
    width: 100%;
    height: 100%;
  }

  .card4 .lectureCardLogoWrapper {
    gap: 0;
  }

  /* --------- 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: 645px;
  }

  .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;
    /* 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;
  }

  .card2 {
    position: sticky;
    top: 137px;
  }

  .card3 {
    position: sticky;
    top: 149px;
  }

  .card4 {
    position: sticky;
    top: 161px;
  }

  .card5 {
    position: sticky;
    top: 173px;
  }

  .card6 {
    position: sticky;
    top: 185px;
  }

  .card7 {
    position: sticky;
    top: 197px;

  }


  /*  1280 view VIEW  */

  @media (max-width: 1280px) {
    .lectureLeftCardFlip {
      min-height: 470px;

    }

    .lectureLeftCardFlip img {
      min-height: 470px;
    }

  }

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

    .techPointerChild {
      align-items: center !important;
    }



    .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: 140px !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;
    }

    .lectureCardLogoWrapper.one .logo {
      max-width: 98px;
      margin-right: 16px !important;
    }

    .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;
    }



  }

}


@keyframes logoCard {
  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(-50%);
  }
}

.insightSection.studentStories {
  background: var(--white);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;

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

  .aboutVideo {
    color: var(--black);
    border-top: 1px solid var(--grey4);
  }

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


.inclassSection {

  background: var(--black);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  padding-bottom: 0;
  border-bottom: 1px solid var(--black5);

  .outclassSwiperTbm1,
  .outclassSwiperTbm2,
  .outclassSwiperTbm3,
  .outclassSwiperTbm4 {
    width: 100%;
    overflow: hidden !important;
  }

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

  .downloadArrow {
    color: #E38330;
    font-size: 14px;
    line-height: 150%;
    font-family: var(--go-medium);
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .classDot {
    width: 100%;
    height: 100%;
    border-radius: 60px;
    background: var(--grey4);
    max-width: 4px;
    max-height: 4px;
    min-height: 4px;
    min-width: 4px;
    position: relative;
    top: -2px;
  }

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

  .inclassTabsWrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .inclassTabsParent {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 30px;
    gap: 20px;
  }

  .inclassTabBoxi {
    border-radius: 6px 6px 0px 0px;
    background: var(--grey17);
    display: flex;
    flex-direction: column;
    padding: 10px;
    gap: 4px;
    align-items: flex-start;
    border: 1px solid transparent;
    width: 100%;
    max-width: 385px;
    cursor: pointer;
    transition:
      background 0.4s ease,
      border 0.4s ease,
      background-clip 0.4s ease;
  }


  .inclassTabBoxi .inclassYearText,
  .inclassTabBoxi .inclassTabHeading {
    transition: color 0.3s ease, background 0.4s ease, -webkit-text-fill-color 0.3s ease;
  }

  .inclassTabBoxi.active {
    background:
      linear-gradient(var(--grey17), var(--grey17)) padding-box,
      linear-gradient(#e38330 100%) border-box;
    border: 1px solid transparent;
    border-radius: 6px 6px 0 0;
    background-clip: padding-box, border-box;
    border-bottom: unset;

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

    .inclassTabHeading {
      color: white;
    }
  }

  .inclassYearText {
    font-size: 11px;
    line-height: 150%;
    text-transform: uppercase;
    font-family: var(--go-regular);
    color: var(--grey);
  }

  .inclassTabHeading {
    font-size: 12px;
    line-height: 120%;
    font-family: var(--go-medium);
    color: var(--grey10);
  }

  .inclassCourseWrapper {
    padding: 24px 24px 80px 24px;
    border-radius: 16px 16px 0px 0px;
    border-top: 1px solid var(--black5);
    border-right: 1px solid var(--black5);
    border-left: 1px solid var(--black5);
  }

  .coreInclass {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
    margin-bottom: 24px;
    position: relative;
    padding-left: 40px;
  }

  .coreInclass::after {

    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    background: url(https://images.mastersunion.link/uploads/11072025/v1/Ellipse3288.svg);
    left: 0;
    top: 0;

  }

  .coreOutClass::after {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    background: url(https://images.mastersunion.link/uploads/11072025/v1/Ellipse3288.svg);
    left: 0;
    top: 0;
  }

  .coreOutClass::before {
    content: "";
    width: 2px;
    position: absolute;
    left: 8px;
    top: 0;
    transition: 0.4s ease-in;
    height: 100%;
    background: var(--grey9);
  }

  .coreInclass::before {
    content: "";
    width: 2px;
    position: absolute;
    left: 8px;
    top: 4%;
    transition: 0.4s ease-in;
    height: 109%;
    background: var(--grey9);
  }

  .coreInclass:hover::after {
    border: none;
    background: url(https://files.mastersunion.link/resources/svg/circleGradient.svg);
    background-repeat: no-repeat;
    transition: 0.2s ease-in;
  }

  .coreInclass:hover::before {
    background: linear-gradient(96deg, #39b6d8 6.41%, #f7d344 51.47%, #e38330 96.52%) !important;
    transition: 0.4s ease-in;
    height: 110%;
  }

  .coreOutClass:hover::after {
    border: none;
    background: url(https://files.mastersunion.link/resources/svg/circleGradient.svg);
    background-repeat: no-repeat;
    transition: 0.2s ease-in;
  }

  .coreOutClass:hover::before {
    background: linear-gradient(96deg, #39b6d8 6.41%, #f7d344 51.47%, #e38330 96.52%) !important;
    transition: 0.4s ease-in;
    height: 100%;
  }

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

  .inclassContentBoxi {
    padding: 20px;
    background: var(--grey17);
    border-radius: 8px;
    display: flex;
    gap: 15px;
    justify-content: flex-start;
    max-width: 100%;
    width: 100%;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 380px;
  }

  .classHeading {
    padding: 6px 15px 6px 15px;
    border-radius: 60px;
    background: var(--grey3);
    border: 1px solid var(--grey3);
    font-size: 14px;
    line-height: 120%;
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
  }

  .classHeadingTop {
    margin-top: 16px;
  }

  .classList {
    display: flex;
    align-items: baseline;
    gap: 8px;
    max-width: 230px;
  }

  .inBtnDivi {
    width: 100%;
    max-width: fit-content;
    max-height: fit-content;
  }

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

  .coreOutClass {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    padding-left: 40px;
    position: relative;
  }

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

  .outClassBoxi {
    border-radius: 8px;
    background: var(--grey17);
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    width: 100%;
    max-width: 50%;
    min-height: 400px;
  }

  .outClassImage {
    max-height: 200px;
    overflow: hidden;
    border-radius: 8px;
    position: relative;

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

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

  .outCardHeading {
    font-size: 18px;
    font-family: "fraunces", serif;
    font-weight: 400;
    line-height: 120%;
    color: var(--white);
  }

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

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

  .viewCard {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
  }

  .viewPara {
    font-size: 16px;
    line-height: 150%;
    color: var(--white);
    font-family: var(--go-medium);
  }
}



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


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

  .weeklyImageWrapper {
    width: 100%;
  }
}


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

  .futureRecuiterWrapper {
    display: flex;
    align-items: center;
    gap: 80px;
  }

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

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

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

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

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

  .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);
  }
}


.futureTiltSection {
  background: var(--black);

  .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;
    }
  }
}



.lateralSection {
  padding: 60px 0 !important;
  background: var(--black);

  .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: 32px;
  }

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

    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;
  }
}



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

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

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

  }

  .worldCampusFrame {
    width: 100%;
  }

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



@media (max-width: 767px) {
  .concentrationNew {
    padding-inline: 0 !important;
    padding-block: 60px !important;

    .coreWrapper .box {
      width: 100%;
    }

    .headingsLeft {
      max-width: 100% !important;
      width: 100%;
    }

  }

  .bharatEvent {
    padding-bottom: 40px !important;

    .bharatPara {
      font-size: 14px;
    }

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

    .bharatPara {
      text-align: center;
    }
  }


  .homepage {
    background: var(--black);

    .go-BlockHeading {
      font-size: 16px !important;
    }


    .programFlexi {
      max-width: 100% !important;
      min-height: unset !important;
    }

    .btnBlack {
      padding: 12px 22px !important;
      font-size: 14px;

      svg {
        max-width: 19px;
      }
    }



    .campusPara {
      font-size: 12px !important;
    }

    .campusHeading {
      font-size: 13px !important;

    }

    .campusImage {
      max-width: 27px;
      max-height: 27px;
    }

    .campusDiviParent {
      gap: 10px !important;
    }

    .programImageParent {
      max-height: 146px !important;
    }

    .btnBlack,
    .deadlineParent {
      width: 100%;
    }

    .ourprogramWrap {
      gap: 16px !important;
      margin-top: 16px !important;
      overflow: auto;

      .programmeRightContent {
        min-width: unset;
        padding: 12px;
      }
    }


    .programmePara .programmeCardPara {
      display: block !important;
    }

  }

  .internshipSection.intenshipCareer {
    .studentThoughtPara {
      min-height: 162px !important;
    }
  }

  .inclassSection {
    .inclassHeadingWrapper {
      flex-direction: column;
      align-items: flex-start;
      gap: 12px;
    }

    .swiper-pagination-bullet {
      transition: 0.3s ease;
    }

    .swiper-pagination {
      display: flex;
      width: 100% !important;
      margin-top: 20px;
      align-items: center;
      justify-content: center;
    }

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

    .inclassTabsParent {
      overflow: auto;
      gap: 16px;
      padding: 0;
    }

    .inclassTabBoxi {
      min-width: 300px;
    }

    .inclassCourseWrapper {
      padding: 24px 0px 0px;
      border: none;
    }

    .inclassContentBoxi {
      overflow: scroll;
      overflow-y: hidden;
    }

    .inclassContentBoxi::-webkit-scrollbar-thumb {
      display: block !important;
      background: #737373 !important;
    }

    .coreInclass::before {
      top: 4%;
    }

    .outClassBoxi {
      min-width: 98%;
      max-width: 100%;
    }

    .outClassWrapper {
      overflow: auto;
    }
  }

  .higherStudies {
    padding-top: 0 !important;
    max-height: unset;

    .diviCareer {
      padding-top: 0px;
    }

    .tabimgages {
      height: 100%;

      img {
        height: auto;

      }
    }

    .companyWrapperNew {
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: 4px;

      .companiesLogoDivi {
        max-height: 74px;
        max-width: 182px;
      }
    }

    .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;
      gap: 24px;

    }

    .higherStudyContent {
      flex-direction: column;
      gap: 10px;

      .blackSemiPara {
        font-size: 16px !important;
      }

      .blackMediumPara {
        font-size: 13px !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;
    }
  }

  .weeklySection {
    .weeklyWrapper {
      gap: 24px;
    }

    .weeklyImageWrapper>img {
      min-width: 1310px;
    }

    .weeklyImageWrapper {
      overflow-x: scroll;
      overflow-y: hidden;
    }

    .weeklyImageWrapper::-webkit-scrollbar-thumb {
      display: block !important;
      background: #737373 !important;
    }
  }

  .sittingLectures {
    border-top: 1px solid var(--black5);

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

    .logoTrack {
      display: flex;
      width: 100%;
    }

    .card1 .lectureCardLogoWrapper {
      display: flex;
      gap: 30px !important;

      .logo {
        margin-right: 0;
      }
    }

    .card4 .lectureCardLogoWrapper {
      padding: 0 8px;
    }

    .lectureWrapper {
      gap: 24px;
    }

    .lectureCard {
      padding: 16px 8px;
      max-height: unset;
      flex-direction: column;
      align-items: flex-start;
      gap: 18px;
    }

    .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: 0px;

      .logo {
        margin-right: 0px;
        min-height: 30px;
        min-width: 30px;
      }


    }

    .card7 {
      top: 149px;
    }

    .profileHeadingText {
      font-size: 13px;
    }

    .profileLightText {
      font-size: 12px;
    }

    .LectureCreaterProfileCard svg {
      width: 40px;
      height: 40px;
    }

    .LectureCreaterProfileCard {
      max-width: 185px;
    }
  }

  .worldClassSection {
    .worldHeadingWrapper {
      flex-direction: column;
      gap: 18px;
      align-items: flex-start;
    }
  }

  .futureRecuiterSection {
    .futureRecuiterWrapper {
      flex-direction: column-reverse;
      gap: 24px;
    }

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

    .futureRecuiterUpper {
      flex-direction: column-reverse;
      gap: 24px;
    }

    .futureUpperLefti,
    .futureUpperRight {
      max-width: 100%;
    }

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

    .futureListItem>svg {
      max-width: 20px;
    }

    .listItemPara {
      font-size: 13px;
    }
  }

  .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;
    }

    .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;
    }
  }


  .futureInvest {
    padding-bottom: 234px !important;

    .futureInvestContent {
      display: flex;
      flex-direction: column;
      padding: 37px 16px;
      align-items: flex-start;
      gap: 12px;
    }

    .futureInvsetbox {
      border-bottom: 1px solid var(--grey3);
      border-right: unset;
      padding-bottom: 12px;
      padding-left: unset;
      padding-right: unset;
    }

    .futureInvsetbox:nth-child(3) {
      border-bottom: unset;

    }

    .futurePercent {
      font-size: 20px;
    }

    .futureText {
      font-size: 13px;
    }

    .futureInvestTextWrap {
      bottom: -55%;
    }

  }


  .cautionWrapper {
    gap: 12px;
  }

  .seondtabs {
    padding: 10px !important;
  }


  .buildingSectionNew {
    padding: 0 !important;



    .buildingStickyWrapper {
      gap: 80px;
    }

    .buildingWatchWrapper>img {
      max-width: 42px;
      max-height: 42px;
    }

    .headingWrapper {
      flex-direction: column;
      gap: 12px;
      top: 44px;
      left: 16px;
      align-items: flex-start;
    }

    .logoSlider {
      width: 65% !important;
      border-radius: 60px;
    }

    .buildingPara {
      font-size: 14px;
    }

    .playBtnPara {
      font-size: 14px;
    }

    .masterPlay {
      left: 30%;
      top: 50%;
    }

    .buildingLogoWrapper {
      flex-direction: column;
      gap: 16px;
      bottom: 40px;
      left: 0;
      width: 100%;
      align-items: center;
      max-width: 100%;

    }

    .buildingWrapper {
      max-height: 600px;

      .btnWhite.btnMd {
        width: 90%;
      }
    }

    .black-overlay {
      background:
        /* Top-Left to Bottom-Right */
        linear-gradient(to bottom right, rgba(0, 0, 0, 2) 0%, transparent 30%),
        /* Top-Right to Bottom-Left */
        linear-gradient(to bottom left, rgba(0, 0, 0, 2) 0%, transparent 30%),
        /* Bottom-Left to Top-Right */
        linear-gradient(to top right, rgba(0, 0, 0, 2) 0%, transparent 30%),
        /* Bottom-Right to Top-Left */
        linear-gradient(to top left, rgba(0, 0, 0, 2) 0%, transparent 30%);
    }
  }

  .transformation {
    .masterRight {
      max-height: 225px;
    }

    /* .swiper-pagination{
         padding-top: 10px !important;
     } */
  }

  .dsaiMasters {
    /* 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;
    }

    .newMasterImgBox>img {
      min-height: 192px;
    }

    .dsaiMastersMobile .container {
      padding-right: 0 !important;
    }
  }

  .programmeBreatherNew {
    padding: 40px 0 !important;

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

    .firstTbmBoxi {
      min-height: 112px !important;
    }

    .programmeBreatherRight {
      padding: 16px;
    }

    .boxiUpper {
      margin-top: 16px;
      min-height: unset;
    }

    .eligibilityBoxi {
      font-size: 10px;
    }

    .classText {
      font-size: 18px;
    }

    .classPara {
      font-size: 13px;
    }

    .firstBoxi {
      gap: 4px;
    }

    .buttonsParent {
      margin-top: 24px;
      gap: 8px;
      flex-direction: column !important;


      a,
      button {
        width: 100%;

        svg {
          max-width: 20px;
        }
      }
    }
  }

  .investmentSection {
    padding: 40px 0 !important;

    .investmentHeadingWrapper {
      top: 24px;
      left: 12px;
      text-align: unset;
      justify-content: unset;
      align-items: flex-start;
    }

    .investmentBtnWrapper {
      bottom: 24px;
      right: 12px;
      justify-content: flex-end;
    }
  }


  .footerNew {
    .footerUpper {
      flex-direction: column-reverse;
    }

    .footerUpperRight {
      flex-wrap: wrap;
      gap: 40px;
      border-bottom: 1px solid var(--black5);
      padding-bottom: 56px;
      margin-top: 20px;
      width: 95%;
    }

    .pages {
      flex-direction: row;
      width: 80%;
      justify-content: space-between;
    }

    .footerUpperLefti {
      flex-direction: column-reverse;
      margin-top: 32px;
      gap: 40px;

    }

    .footerInnovation {
      margin-top: 15px;
    }

    .footerMuLogo {
      margin-left: 6%;
    }

    .footerWrapper {
      gap: 30px;
    }

    .footerBelow {
      padding-top: 26px;
      flex-direction: column;
      gap: 30px;
    }

  }

  .enrollmentSection {
    background: var(--black);

    .fourCards {
      display: flex !important;
      flex-direction: column;
      gap: 32px;
    }

    .gridCardBlack {
      display: none;
    }

    .threeCards {
      grid-template-columns: 1fr;
    }

    .gridCard {
      max-height: 100%;
    }

    .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;
    }
  }

  .insightSection {
    padding: 60px 0 !important;
    padding-bottom: 100px !important;

    .insightParaWrapper {
      gap: 8px;
    }

    .swiper-pagination {
      bottom: 54px !important;
      left: 0 !important;
      position: absolute !important;
      width: 100% !important;
    }

    .swiper-pagination-bullet {
      background: var(--grey3) !important;
      opacity: 1;
      transition: 0.4s ease;
    }

    .swiper-pagination-bullet-active {
      width: 40px !important;
      background: var(--grey) !important;
    }

    .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;
    }
  }

  .insightSection.studentStories {
    .swiper-pagination-bullet {
      background: var(--grey10) !important;
      opacity: 1;
      transition: all 0.3s ease;
    }

    .swiper-pagination-bullet-active {
      width: 40px !important;
      background: var(--grey4) !important;
    }
  }

  .fundSection {
    .fundHeadingWrapper {
      flex-direction: column;
      gap: 12px;
      left: 16px;
      width: 90%;
    }

    .fundPara {
      font-size: 14px;
    }

    .fundBtnWrapper {
      justify-content: flex-end;
      bottom: 44px;
      right: 16px;
    }
  }

  .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;
    }
  }

  .mastersScrollMob {
    gap: 12px !important;
  }

  .impactScroll {
    padding: 40px 0 !important;
    padding-bottom: 60px !important;

    .impactLeft {
      width: 100% !important;
    }

    .masterPlay>img {
      backdrop-filter: blur(2px);
      border-radius: 60px;
    }

    .impactHeadingWrapper {
      padding: 0 0 32px 0 !important;

    }


    .impactMobCard {
      display: flex;
      padding: 12px;
      background: var(--grey17);
      border: 1px solid var(--grey3);
      border-radius: 12px;
      flex-direction: column;
      gap: 24px;
      position: sticky;
      top: 8rem;
      min-height: 452px;
    }

    .impactMobCard:last-child {
      min-height: 535px;
    }

    .mobImpactImage {
      max-height: 260px;
      overflow: hidden !important;
    }

    .circleNumber {
      max-height: 30px !important;
    }

    .impactLeftBoxInner {
      gap: 60px;
      margin-top: 60px;
      margin-top: 32px !important;
    }

    .pointerPara {
      font-size: 13px !important;
    }

    /* .techPointerChild {
      align-items: center;
    } */

    .impactLeftBox {
      position: relative;
      padding-left: 0 !important;
    }

    .impactLeftBox::after {
      scale: 0.8;
      left: -10px;
      display: none;
    }

    .impactLeftBoxInner::before {
      left: 10px;
      display: none;
    }

    .ulListWrapper {
      margin-top: 12px !important;

      .appliedPara {
        font-size: 14px;
      }

      .poweredDivi>img {
        max-width: 16px;
      }

      .techPointersParent {
        gap: 5px !important;
      }
    }

    .impactButton {
      padding: 6px 12px !important;
      font-size: 12px !important;
      line-height: unset !important;
      font-family: var(--go-regular);
    }

    .impactLeftBoxInner {
      gap: 40px;
    }

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

    .poweredDivi {
      gap: 12px !important;
    }

    .circleNumberMob {
      width: 100%;
      height: 100%;
      max-width: 24px;
      max-height: 24px;
      align-items: center;
      padding: 7px;
      border: 1px solid #525252;
      border-radius: 60px;
      color: var(--white);
      font-family: var(--go-regular);
      font-size: 11px;
      display: flex;
      justify-content: center;
    }

  }

  .podcastSection {
    .podcastWrapper {
      flex-direction: column-reverse;
      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;
    }

    .whiteApplyButton svg {
      max-width: 22px;
      max-height: 22px;
    }

    .idealButton {
      flex-direction: column;
      width: 100%;
    }

    .podcastLeft a {
      gap: 10px;
      width: 100%;
    }
  }

  .germanImmersion {
    .germanImmersionWrapper {
      flex-direction: column-reverse;
      gap: 12px;
    }

    .germanBtnWrapper {
      gap: 16px;
      flex-direction: column;
      align-items: flex-start;
      width: 100%;
    }

    .germanBreatherLeft,
    .masterRight {
      max-width: 100%;
    }

    .germanImageBoxi>img {
      min-height: unset;
    }

    .btnJapan {
      margin-top: 8px;
    }

    .germanBreatherLeft {
      padding: 20px;
      align-items: flex-start;
      gap: 16px;

      .btnBlack {
        width: 100%;
      }
    }

    .germanPara {
      font-size: 14px;
    }

    .btnBlack {
      width: 100%;
    }

    .germanflagsWrapper {
      gap: 12px;

      svg {
        max-height: 47px;
        max-width: 68px;
      }
    }

    .swiper-pagination {
      bottom: unset !important;
      margin-top: 8px;
      left: 42% !important;
    }

    .bottomBlackOverlay {
      display: none;
    }
  }

  .semesterCurriculum {
    padding-bottom: 15px !important;

    .modelBox {
      display: none;
    }


    .yearBelowRightHeading p:nth-child(2) {
      margin-top: 10px;
      font: 16px 'go-medium';
      line-height: 120%;
      color: var(--black);
    }

    .container.headWrapperSticky {
      flex-direction: column;
      gap: 12px;
    }

    .yearBelowRight {
      padding: 20px 10px;
    }

    .yearBelowRightHeading {
      flex-direction: column;
      align-items: flex-start !important;
    }

    .aiToolsParent {
      flex-direction: column;
      gap: 18px;
    }

    .aiToolsRight {
      max-width: unset;
    }

    .yearBelowLeft {
      overflow: auto;
      max-width: 100%;
      gap: 0;
    }

    .headWrapper {
      position: unset;
    }

    .semWrapper {
      flex-flow: column;
    }

    .semesterTabsWrapper {
      /* margin-top: 20px; */
      overflow-x: auto;
      white-space: nowrap;
      scrollbar-width: none;
      /* Firefox */
      -webkit-overflow-scrolling: touch;

    }

    .semesterTabsWrapper::-webkit-scrollbar {
      display: none;
      /* Chrome, Safari */
    }

    .semesterTabs {
      display: flex;
      gap: 10px;
      min-width: max-content;
      overflow-x: auto;
      padding-block: 10px;
    }

    .tabContentWrapper {

      display: flex;
      gap: 20px;
      align-items: flex-start;
      overflow: auto;
    }

    .semesterTabs .mobTab {
      display: inline-block;
      padding: 5px 20px;
      /* margin-right: 8px; */
      border-radius: 20px;
      white-space: nowrap;
      cursor: pointer;
      background: #f1f1f1;
      border: 1px solid #090909;
    }

    .mobTab.active {

      background: var(--black);

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

    .tabContent {
      display: block;
      min-width: 300px;
      padding-block: 22px;
      scroll-margin-top: 100px;
      /* adjust to your header height */


      .yearBelowRight {
        min-height: 590px;

      }
    }


    .flagParentDivi img {
      max-width: 23%;
    }

    .mobTabSem {
      font-family: '"Fraunces", serif';
      font-size: 14px;
      font-weight: 400;
      line-height: 120%;
      font-style: italic;
    }
  }

  .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;
    }
  }

  .lifeAtMuSection {
    .lifeAtMuWrapper {
      gap: 24px;
    }

    .lifeMobWrapper>a {
      width: 100%;
    }

    .lifeCardsWrapper {
      flex-direction: column;
      gap: 24px;
      width: 100%;
    }

    .lifeMuCard {
      max-width: 100%;
    }

    .lifeMuCard .lifeCardHeadWrapper {
      display: none;
    }

    .lifeMuCard:hover {
      .lifeCardOverlay {
        opacity: unset;
        bottom: unset;
      }
    }

    .lifeCardOverlay {
      opacity: 1;
      top: 0;
    }

    .lifeMobWrapper {
      align-self: center;
      width: 100%;
    }
  }

  .theNewsSection {
    .newsHeadingWrapper {
      gap: 8px;
    }

    .newsCardsWrapper {
      padding-left: 16px;
    }

    .newsCard {
      min-width: 85%;
    }
  }

  .heroSection {
    padding-top: 60px !important;

    .heroSectionContent {
      width: 100%;
      padding: 0 12px;
      transform: translate(-50%, -20%);
    }

    .heroSectionImg {
      max-height: 85vh;
    }

    .go-HeroSubtitle {
      margin-top: 8px;
    }

    .heroSectionBtnWrap {
      margin-top: 24px;
      width: 100%;
      align-items: flex-start;
      gap: 12px;
      flex-direction: column;
      padding: 0 16px;


      a,
      button {
        width: 100%;
        line-height: 0 !important;
      }
    }
  }

  .internshipSection {
    background: var(--black);
    padding-block: 20px !important;

    .downloadMobBtn {
      width: 100%;

      .btnWhite {
        width: 100%;
      }

    }

    .container {
      padding: 0 8px !important;
    }

    .insightBtn {
      width: 100%;
      padding-right: 10px;
    }

    .internshipWrapper {
      padding: 40px 8px;

      a {
        width: 100%;
        /* display: flex !important; */
      }
    }

    .internshipCardWrapper {
      flex-direction: column;
      gap: 24px;
    }

    .internshipStudentUpperDivi {
      gap: 16px;
    }

    .studentCompanyWrapper {
      gap: 8px;
    }

    .internshipStudentBelow {
      margin-top: 16px;
    }

    .studentThoughtPara {
      padding-bottom: 16px;
      padding-top: 16px;
      min-height: 222px;
    }
  }

  .popUpCloseBtnWrap {
    position: absolute;
    right: -5px;
    z-index: 9;
    top: -30px;
  }

  .graduatePrestigiousSection {
    background: var(--black);
    padding: 60px 0 !important;
    border-block: 1px solid var(--black5);

    .graduatePrestigiousWrapper.graduateCurriculum {
      padding-top: 0 !important;
      border-radius: 0 !important;
      border-top: unset;
    }


    .degreeHeadingWrapper.mob-visible {
      padding: 8px;
    }

    .container {
      padding: 0 8px !important;
    }

    .degreeSectionParent {
      gap: 12px;
    }

    .remarkText {
      margin-left: 0;
      margin-top: 16px;
    }

    .graduatePrestigiousWrapper {
      padding: 0px 8px;
      position: sticky;
      gap: 24px;
      border-radius: 0;
      top: 6em;
    }

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

    .graduatePrestigiousWrapper {
      padding-top: 24px !important;
      border-radius: 12px 12px 8px 8px !important;
      border-top: 1px solid var(--grey3);

    }

    .graduatePrestigiousWrapper:nth-child(2) {
      border-top: unset;
      padding-top: 0;
      border-radius: 0;
    }

    .degreePara {
      font-size: 14px;
    }

    .degreeListWrapper {
      flex-direction: column;
      gap: 20px;
      align-items: flex-start;
    }

    .graduatePrestigiousWrapper.graduateBelowSticky {
      margin-top: 32px;
    }

    .degreeGradientHeading {
      font: italic 20px / 1.2 "Fraunces", serif;
    }

    .degreeHeading {
      font: normal 18px / 1.2 var(--go-regular);
    }

    .listNumber {
      max-width: 18px;
      max-height: 18px;
      font-size: 12px;
      line-height: 0;
    }

    .yellowArrow {
      max-width: 13px;
      max-height: 13px;
    }

    .degreeList .degreePara {
      font-size: 13px;
    }
  }

  .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;
    }
  }

  .internshipSection.blackBackground {
    background: var(--black) !important;

    .internshipWrapper {
      padding: 40px 8px !important;
    }

    .studentThoughtPara {
      min-height: unset;
    }
  }

  .meritScholarship {

    .meritScholarshipTable .textGreyBold {
      font-family: 'go-medium';
      font-size: 14px;
    }

    .meritScholarshipTable td {
      font-size: 14px;

    }

    .meritScholarshipTable th:first-child {
      width: 320px;
    }

    .meritScholarWrapper {
      gap: 16px;
    }

    .meritHeading {
      font-size: 22px;
    }

    .meritUpperWrap {
      flex-direction: column;
    }

    .meritScholarLeft {
      max-width: 100%;
    }

    .meritScholarshipTable th {
      padding: 10px 20px;
    }

    .meritTableDivi {
      overflow-x: scroll;
    }

    .meritScholarshipTable {
      min-width: 700px;
    }

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

    .meritNoteText {
      line-height: 150%;
    }
  }

  .financing {
    padding: 60px 0 !important;

    .financingHeadingWrap {
      max-width: 100%;
    }

    .caution {
      margin-top: 20px;
    }

    .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;
    }

  }

  .admissionTrack {
    .container {
      padding: 0px 16px !important;
    }

    .admissionTrackWrapper {
      flex-direction: column-reverse;
      gap: 30px !important;
    }
  }

  .bluePrintNew {
    .flexbox {
      gap: 24px;
    }
  }

  .exploreCampus {
    .withoutArrowWhiteBgBtn {
      font-size: 13px;
      padding: 8px 12px;
    }

    .exploreCampusUpper {
      flex-direction: column;
      gap: 18px;
      align-items: flex-start;
    }

    .exploreCampusUpper {
      flex-direction: column;
      gap: 18px;
      align-items: flex-start;
    }

    .campusButtonDivi {
      gap: 8px;
    }
  }

  .curriculumOutclassDs {
    padding: 40px 0 !important;

    .curriculumOutclassWrapper {
      gap: 32px;
    }

    .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%;
    }

    .curriculumDsBelow .faqHeading {
      font-size: 13px;
      line-height: 120%;
    }

    .greyParaOutclass {
      font-size: 12px;
    }
  }

  .feeProcess {
    #growingDiv {
      left: 33px;
      top: 66px;
      width: 4.1px;
    }

    .feeProcessContainer .rightSection::before {
      left: 4.6%;
    }
  }

  .dsCareer {
    .studiesRight {
      margin-top: 0 !important;
    }
  }

  .applicationTimeline {

    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;
    }
  }

  .lateralSection {
    .lateralWrapper {
      flex-direction: column;
      gap: 32px;
      align-items: flex-end;
      justify-content: flex-end;
    }

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

  .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;
    }

    .curriculumHead {
      font-size: 13px;
    }
  }

  .feeStructureSection {
    .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;
    }
  }

  .classRoom {
    .withoutArrowWhiteBgBtn {
      font-size: 13px;
      padding: 8px 14px;
    }

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

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

    .classRoomUpper {
      padding-left: 16px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 24px;
    }

    .classRoomWrapper {
      margin-top: 32px;
    }
  }

  .classprofile {


    .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);
    }


    .dropdownList li {
      cursor: pointer;
      padding-block: 14px;
    }

    .dropdownList li:active {
      background-color: var(--grey4);
    }

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

    .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;
    }



    .content-section .flexbox {
      align-items: center !important;
    }

    .greybox {
      padding: 40px 20px !important;
    }

  }

  .industryReady {
    .box .flexbox {
      align-items: center;
    }

    .futureGroup>img {
      max-width: 42px;
      max-height: 42px;
    }

    .futureGroup .txtgroup h6 {
      font-size: 20px;
    }

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

    .txtgroup {
      max-width: 100% !important;
    }
  }


  .homepage {
    border-bottom: 1px solid var(--black5);
  }

  .aiPacked {
    padding: 60px 0 !important;

    .aiPackedWrapper {
      gap: 40px !important;
    }

    .aiPackedLeft {
      padding: 0 !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%);
  }
}

@media (min-width: 320px) and (max-width: 360px) {

  html {
    zoom: 90%;
  }

  .feeProcess {
    #growingDiv {
      left: 8.2%;
      top: 66px;
      width: 4.1px;
    }
  }

}


@media (min-width: 1920px) {
  .exploreCampus {
    height: 90vh;
  }
}

.homepage {


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

  .ourprogramWrap::-webkit-scrollbar {
    display: none;
  }

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

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

  .ourProgramTbmSwiper{
    overflow: hidden !important;
  }

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

    .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;
    }
  }
}