.whitetwocoloum {
  background: url("https://images.mastersunion.link/uploads/03122025/v1/Vector.webp"),
    var(--white);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 80px 0;

  .leftCol {
    position: relative;
  }

  .managementWrapper {
    display: flex;
    gap: 40px;
    align-items: center;
    justify-content: space-between;

    @media (max-width: 767px) {
      flex-direction: column-reverse;
      gap: 32px;
    }
  }

  .leftCol {
    max-width: 545px;
    width: 100%;
    line-height: 0;
  }

  .rightCol {
    max-width: 655px;
    width: 100%;
  }

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

    @media (max-width: 767px) {
      font-size: 14px;
    }

    span {
      font-family: "go-semibold";
    }
  }

  .managementparaWrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 20px;
  }
}


.link-red {
  color: #e38330 !important;
  text-decoration: underline !important;
  cursor: pointer;
  font-family: "go-medium";
}


.cursorPointerNone {
  pointer-events: none;
}

.feeProcess {
  padding: 0 0 80px;

  .feeHeadingWrapper {
    margin-bottom: 40px;
  }



  .feeBox .detailsList .list {
    list-style: disc;
    padding-left: 20px;
  }


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

  .mobHeader {
    display: none;
  }

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

  .caution>svg {
    width: 100%;
    height: 100%;
    max-width: 16px;
    max-height: 16px;
  }

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

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

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

  .recuirementHeading {
    font-size: 18px;
    line-height: 120%;
    font-family: var(--go-regular);
    font-family: "fraunces", serif;
    color: var(--grey3);
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .feeHeadingWrapper {
    margin-bottom: 40px;
  }

  .stageBoldPara {
    font-weight: 600;
    color: var(--grey17);
  }

  .stagePara {
    font-size: 22px;
    line-height: 120%;
    font-weight: 400;
    font-family: "Fraunces", serif;
    margin-top: 8px;
  }

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

  .feeProcessContainer {
    margin-bottom: 20px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }

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

  .detailsList .numberHeading {
    font-size: 18px;
    font-weight: 400;
    line-height: 120%;
    color: var(--black);
    font-family: "Fraunces", serif;
  }

  .detailsList .list .subList {
    list-style: disc;
    padding-left: 20px;
  }

  .detailsList .list .subList li {
    font-size: 14px;
    margin-top: 4px;
    color: var(--grey13);
  }

  .curriculumHead {
    margin-top: 15px;
    font-size: 14px;
    font-family: var(--go-semibold);
    line-height: 150%;
    color: var(--grey3);
  }

  .evaluationHeading {
    font-size: 14px;
    font-family: var(--go-semibold);
    line-height: 150%;
    color: var(--grey3);
    margin-top: 4px;
  }

  .detailsList .list li {
    font-size: 14px;
    margin-top: 4px;
    color: var(--grey13);

  }

  .statustext {
    color: var(--grey15);
    font: 14px "go-medium";
    margin-top: 8px;
  }

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

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

.feeProcess .feeProcessContainer .leftHeading {
  font-family: var(--go-medium);
}

.feeProcess {
  width: 100%;
  padding: 60px 0 100px;
  position: relative;
  overflow: hidden;


}



.feeProcess .container {
  overflow: hidden;
  position: relative;
}

.feeProcessContainer {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  gap: 20px;
  margin-bottom: 80px;
}

.feeProcessContainer.active .rightSection .procedureImgGrad {
  visibility: visible;
}

.feeProcessContainer:last-child {
  margin-bottom: 0;
}

.feeProcessContainer .leftSection {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 30%;

  position: sticky;
  top: 0;
}

.feeProcessContainer .leftSection .listItem {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.feeProcessContainer .leftSection .listItem .number {
  color: var(--black);
  font: 18px "go-medium";
}

.feeProcessContainer .rightSection {
  width: 73%;
  position: relative;
  gap: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.feeProcessContainer .rightSection .procedureImgGrad {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  visibility: hidden;
}

.feeProcessContainer .rightSection .body {
  gap: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}

.feeProcessContainer .rightSection .body .header {
  width: 100%;
}

.feeProcessContainer .rightSection .body .header p {
  font-size: 0.875rem;
  font-family: "go-medium";
  line-height: 140%;
  color: var(--grey13);
}

.whiteBoxDetail .feeProcessContainer {
  & .rightSection {
    .body {
      border-radius: 0px 0px 12px 12px;
    }
  }
}

.feeProcessContainer .leftHeading {
  font-size: 1.75rem;
  font-family: "go-bold";
  line-height: 120%;
  color: var(--grey17);
  width: 80%;
}

.feeProcessContainer:last-child .rightSection:before {
  height: 100%;
}

#growingDiv2,
#growingDiv {
  content: "";
  width: 4px;
  max-height: 363%;
  background: linear-gradient(180deg, #f7d344, #e38330);
  position: absolute;
  left: calc(33% - 0px);
  z-index: 1;
  top: 23px;
}

.feeProcessContainer .rightSection::before {
  content: "";
  width: 4px;
  height: calc(100% + 80px);
  background: var(--grey4);
  position: absolute;
  left: 3.2%;
  z-index: 0;
}

.procedureImg {
  position: relative;
  z-index: 5;
}



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

  .masterClubWrapper {
    display: flex;
    flex-direction: column;
    gap: 36px;
  }

  .tab-btn.active::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    height: 1px;
    width: 100%;
    background: linear-gradient(90deg, #39b6d8 6.41%, #f7d344 51.47%, #e38330 96.52%);
  }

  .clubsWrapper {
    gap: 32px;
    align-items: center;
    display: flex;
  }

  .container {
    max-width: 100%;
  }

  .main-content {
    display: flex;
    gap: 50px;
    position: relative;
  }

  .level-content {
    display: none;
  }

  .content-area {
    overflow-x: auto;
    overflow-y: hidden;
  }

  .festHidden {
    visibility: hidden;
  }

  .sidebar {
    width: 100%;
    max-width: 14%;
    backdrop-filter: blur(10px);
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin-left: 100px;
    min-width: 14%;
  }

  .tab-buttons {
    display: flex;
    gap: 18px;
    border-bottom: 1px solid var(--grey3);
    padding-bottom: 7px;
  }

  .tab-btn {
    font-size: 16px;
    line-height: 120%;
    color: var(--white);
    font-family: var(--go-medium);
    cursor: pointer;
    transition: all 0.3s ease;
    border-bottom: 3px solid transparent;
    background: var(--transparent);
    padding: 0px 23px 0px 0px;
    width: 100%;
    max-width: 50%;
  }

  .tab-btn.active {
    background: var(--Linear, linear-gradient(90deg, #39b6d8 6.41%, #f7d344 51.47%, #e38330 96.52%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
  }

  .tab-content.active {
    display: block;
  }

  .sidebar-list {
    list-style: none;
    max-height: 315px;
    overflow: auto;
    padding-right: 20px;
  }

  .sidebar-list::-webkit-scrollbar-thumb {
    background: var(--grey3);
  }

  .content-container {
    display: flex;
    gap: 20px;
    height: 100%;
    width: max-content;
  }

  .level-content.active {
    display: block;
  }

  .content-group {
    display: flex;
    gap: 20px;
    min-width: fit-content;
    position: relative;
  }

  .content-card {
    width: 100%;
  }

  .content-card>img {
    position: absolute;
    z-index: 2;
    top: 20px;
    right: 20px;
  }

  .postCard {
    position: relative;
    max-width: 420px;
    max-height: 374px;
    min-height: 374px;
  }

  .postCard>img {
    min-height: 374px;
  }

  .marketingWrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
  }

  .marketingTextBoxi {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    padding: 0 16px;
    padding-bottom: 16px;
  }

  .headingMarket {
    font-size: 28px;
    font-family: var(--go-thin);
    line-height: 130%;
    color: var(--white);
  }

  .convertWhite.gradientTextMarketing {
    background: unset;
    background-clip: text;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    font-size: 32px;
    font-style: italic;
    font-weight: 400;
    line-height: 130%;
    font-family: "Fraunces", serif;
    color: var(--white);
  }

  .primaryText {
    color: var(--grey4);
    line-height: 1.6;
    font-size: 0.95rem;
    flex-grow: 1;
    font-family: var(--go-regular);
  }

  .sidebar-item {
    padding: 15px 0;
    border-top: 1px solid var(--black5);
    font-size: 14px;
    line-height: 120%;
    font-family: var(--go-regular);
    color: var(--grey10);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: color 0.4s ease-in-out, padding-left 0.3s ease-in-out;
    position: relative;
  }

  .sidebar-item.active {
    color: var(--white);
    padding-left: 30px;
  }

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

  .content-card::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0, 0.4) 70%, transparent 100%);
    transition: height 0.4s ease;
    z-index: 1;
    pointer-events: none;
  }

  .sidebar-item .arrowIconsrc {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-30px, -50%);
    opacity: 0;
    transition: transform 0.5s ease, opacity 0.5s ease;
    pointer-events: none;
  }

  .sidebar-item.active .arrowIconsrc {
    transform: translate(0, -50%);
    opacity: 1;
  }
}



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

.brightImg {
  filter: brightness(1.2);
}

.brightnessPoint3 {
  filter: brightness(1.3);
}

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

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

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

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

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

.impactScroll .video-container:hover img.fade-img {
  opacity: 1 !important;
}

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

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

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

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

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

  .go-HighlightHeading {
    text-align: unset !important;
  }

  .clubsWrapper {
    flex-direction: row !important;
    justify-content: space-between !important;

    h2 {
      margin-left: 100px;
    }

    .sharedPara {
      margin-right: 120px;
    }
  }

  .content-card {
    position: relative;
  }

  .content-card::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0, 0.4) 70%, transparent 100%);
    transition: height 0.4s ease;
    z-index: 1;
    pointer-events: none;
  }

  .marketingTextBoxi {
    z-index: 2;
  }
}

.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%;
    z-index: 3;
  }

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

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



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

  .supportHeadingWrapper {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
    border-bottom: 2px solid var(--grey4);
    padding-bottom: 8px;
    width: 100%;
  }

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

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

  .go-BreatherHeading {

    width: 100%;
  }

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

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

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

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

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

  .impotantNote {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 14px;
    line-height: 120%;
    font-family: var(--go-medium);
    color: var(--grey17);
  }

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

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

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


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

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

  .headingWrap {
    display: flex;
  }

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

  .flexbox.flexwrap {
    gap: 20px;
    justify-content: space-between;
  }

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

  .headingWrap.masterleft {
    width: 47%;
  }
}

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

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

.premierInstituteSection {
  .firstTool {
    max-width: 64px;
    max-height: 64px;
  }

  .secondTool {
    max-width: 62px;
    max-height: 68px;
  }

  .thirdTool {
    max-width: 118px;
    max-height: 26px;
  }

  .fourthTool {
    max-width: 82px;
    max-height: 54px;
  }

  .texasTool {
    max-width: 84px;
    max-height: 48px;
  }

  .bombayTool {
    max-width: 56px;
    max-height: 58px;
  }

  .calTool {
    max-width: 115px;
    max-height: 24px;
  }

  .iimTool {
    max-width: 122px;
    max-height: 75px;
  }

  .stTool {
    max-width: 129px;
    max-height: 54px;
  }

  .bhartiTool {
    max-width: 119px;
    max-height: 52px;
  }

  .vitTool {
    max-width: 65px;
    max-height: 68px;
  }

  .symbTool {
    max-width: 158px;
    max-height: 54px;
  }
}

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

  .content-section {
    overflow: unset;
  }

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

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

  .marginblock20 {
    margin-block: 8px;
  }

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

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

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

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

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

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

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

    .tempText {
      font-size: 14px;
    }
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

.investinFuture {
  background: var(--black);
  padding-top: 60px;
  padding-bottom: 200px;

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

  .futureInvestImg {
    position: relative;

    /* filter:brightness(1.2); */
    img {
      border-radius: 8px;
    }
  }

  .futureInvestTextWrap {
    position: absolute;
    z-index: 1;
    bottom: -30%;
    width: 100%;
  }

  .courseName {
    font-family: var(--go-regular);
    /* font-style: italic; */
    font-size: 16px;
  }

  .learningRight .box h3 {
    font-family: var(--go-regular);
    /* font-style: italic; */
    font-size: 22px;
    font: 1.25rem "go-semibold";
    line-height: 150%;
    color: var(--white);
  }

  .learningRight .subText {
    font-size: 14px;
    font-family: "go-regular";
    color: var(--grey10);
    line-height: 160%;
    margin-top: 10px;
  }

  .futureInvestTextWrap::before {
    content: "";
    background: linear-gradient(102deg, #39b6d8 0%, #f7d344 50%, #e38330 100%);
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    z-index: 0;
    border-radius: 8px;
    z-index: -1;
  }

  .futureInvestContent {
    display: inline-flex;
    padding: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: var(--black3);
    top: 75%;
    left: 0;
    gap: 0;
    position: relative;
    z-index: 9;
    width: 100%;
  }

  .futureInvsetbox {
    display: flex;
    flex-direction: column;
    padding-right: 24px;
    gap: 12px;
    width: 100%;
    max-width: 33%;
    align-items: flex-start;
    justify-content: center;
    padding-left: 24px;
    border-right: 1px solid var(--grey3);
  }

  .futureInvsetbox:nth-child(3) {
    border-right: unset;
    padding-right: unset;
  }

  .futureInvsetbox:nth-child(1) {
    padding-left: unset;
  }

  .futurePercent {
    font-size: 32px;
    line-height: 120%;
    color: var(--white);
    font-family: "Fraunces", serif;
  }

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

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

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

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

  .starHeading {
    display: flex;
    gap: 12px;
    color: #a3a3a3;
    font: 12px "go-semiBold";
  }

  .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;
    /* filter:brightness(1.2); */
  }

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

.insightSection.immersion {
  .aboutVideo {
    border-top: unset;
  }

  .blacktagweek {
    position: absolute;
    top: 12px;
    right: 12px;
    background: var(--black);
    color: #d3d3d3;
    padding: 4px 12px;
    font-size: 14px;
    border-radius: 50px;
  }


  .inisghtImageWrapper>img {
    position: relative;
  }

  @media (max-width: 767px) {
    .facultyDetailsWrapper {
      gap: 0;
    }
  }
}

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

  .anyPara {
    font-size: 15px;
    line-height: 120%;
    font-family: var(--go-regular);
    font-weight: 400;
    color: var(--black);
  }

  .firstTbmBoxi {
    min-height: 126px;
  }

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

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

  .programmeBreatherLeft {
    width: 100%;
    max-width: 664px;
    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: 566px;


    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: 41%;
  }

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

  .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: 48%;
    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;
    min-height: 114px;
  }

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

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

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

  .headingBoxNew>svg {
    width: 100%;
    height: 100%;
    max-width: 30px;
    max-height: 30px;
  }

  .tagWrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    left: 32px;
    top: 20px;
    gap: 4px;

    .witnessTag {
      position: unset !important;
      margin: 0;
    }
  }

  .witnessHeadingWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

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

  .witnessCard {
    border-radius: 16px;
    width: 100%;
    max-width: 424px;
    max-height: 368px;
    overflow: hidden;
    position: relative;
  }

  .witnessCardWhite {
    border-radius: 16px;
    width: 100%;
    max-width: 424px;
    max-height: 348px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    display: flex;
    width: 100%;
    height: 100%;
  }

  .backgroundOverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7));
    background-repeat: no-repeat;
    max-height: 365px;
    border-radius: 16px;
    border: 1px solid var(--grey3);
    opacity: 1;
  }

  .witnessCard>img {
    min-height: 348px;
  }

  .witnessCardWhite>img {
    min-height: 348px;
  }

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

  .getpreppedMasters {
    border-bottom: unset;
  }

  .witnessContentWrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    transition: opacity 0.3s ease-in-out;
    height: 100%;
  }

  .witnessTag {
    display: flex;
    padding: 8px 10px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 40px;
    background: #313131;
    backdrop-filter: blur(2px);
    font-size: 13px;
    line-height: 86%;
    text-transform: uppercase;
    font-family: var(--go-medium);
    color: var(--grey4);
    width: fit-content;
    position: absolute;
    top: 0;
    left: 0;
    margin: 20px 32px;
  }

  .witnessTextWrapper {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 20px 32px;
  }

  .headingBoxNew {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    min-height: unset;
    align-items: center;
  }

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

  .witnessCardHeading {
    font-size: 28px;
    line-height: 130%;
    font-family: var(--go-regular);
    color: var(--white);
    font-weight: 400;
  }

  .challengeWrapper {
    position: absolute;
    left: 0;
    bottom: 30px;
    padding-left: 30px;
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 24px;
    padding-right: 30px;
    transition: opacity 0.3s ease-in-out;
  }

  .challengeContentWrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 12px;
  }

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

  .challengeHeading {
    font-size: 28px;
    line-height: 130%;
    font-family: var(--go-regular);
    color: var(--white);
    font-weight: 400;
  }

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

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

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

  .centeredHeading {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    flex-direction: row !important;
    max-width: 100% !important;
    text-align: unset !important;

    .btnWhite {
      margin-top: 32px;
    }

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

  .lightNote {
    font-size: 12px;
    color: var(--grey4);
    line-height: 150%;
    margin-top: 16px;
  }

  .img-container {
    margin-top: 40px;
    display: flex;
    align-items: center;
    gap: 0;
    justify-content: space-between;

    .lottie {
      max-width: 33.2%;
    }
  }

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

    img {
      max-width: 32%;
      width: 100%;
    }
  }
}

.main-section {
  .faqWrapper {
    display: flex;
    gap: 30px;
    margin-top: 30px;
  }

  .risefaqWrapBox {
    background: var(--white3);
  }

  .faq {
    padding: 80px 0;
  }

  .navigationWrapper {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 20px;
    height: fit-content;
  }


  .faq .navigationWrapper ul {
    flex-direction: column;
    gap: 40px;
    padding: 40px 30px;
    align-items: flex-start;
    background: var(--black2);
    display: flex;
  }

  .faq .navigationWrapper li {
    text-transform: none;
  }

  .faqquestionWraps .toggler,
  .faqquestionWrap .toggler {
    max-width: 36px;
  }

  .faqquestionWraps {
    background: transparent !important;
    padding: 0 !important;
  }

  .faqquestionWraps,
  .faqquestionWrap {
    justify-content: space-between;
    display: flex;
    gap: 5px;
    background: var(--white);
    padding: 22px 20px;
    border-radius: 6px;
    border: 0.5px solid var(--grey4);
    flex-direction: column;
    margin-bottom: 10px;
    cursor: pointer;
  }

  .faq .content-section {
    width: 83%;
  }

  .faqquestionWraps img,
  .faqquestionWrap img,
  .faqquestionWrap2 img {
    cursor: pointer;
  }

  .faqquestionWraps .left,
  .faqquestionWrap .left,
  .faqquestionWrap2 .left {
    display: flex;
    gap: 15px;
    justify-content: space-between;
    align-items: center;
  }

  .faqquestionWraps.active .left img {
    transform: rotate(180deg);
  }



  .faqanswer .subText {
    color: var(--grey13);
  }

  .faqanswer {
    font-size: 0.813rem;
    color: var(--grey13);
    font-family: "go-regular";
    line-height: 150%;
    width: 90%;
  }

  .faq .content {
    box-shadow: none;
  }

  .faq .lightMuVector::after {
    background: url("https://files.mastersunion.link/resources/svg/faqLightLine.svg");
    background-repeat: no-repeat;
    bottom: -20%;
  }

  .risefaqWrapBox .tabs li {
    font: 0.875rem "go-medium";
    color: var(--grey6);
    list-style: none;
    display: block;
    cursor: pointer;
  }

  .faq .navigationWrapper li {
    text-transform: none;
  }

  .navigationWrapper li.active {
    background: linear-gradient(102deg, #39b6d8 0%, #f7d344 50%, #e38330 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    outline: none;
    border: none;
    position: relative;
    font-family: "go-semibold";
  }

  .faq .headingWrap {
    align-items: end;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
  }

  .faqquestionWrap.active .toggler,
  .faqquestionWrap2.active .toggler {
    transform: rotate(45deg);
    filter: invert(1);
    transition: 0.2s ease-in;
  }

  .faqquestionWrap.active .toggler {
    transform: rotate(45deg);
    transition: 0.4s ease-in;
  }

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

    .faq .flexbox {
      flex-direction: column;
      align-items: flex-start;
      gap: 30px;
    }

    .faqWrapper {
      flex-direction: column;
      align-items: center;
      margin-top: 20px;
      gap: 20px;
    }

    .faq .headingWrap {
      margin-top: 0;
    }

    .faq .navigationWrapper {
      width: 100%;
      margin: 0;
    }

    .faq .navigationWrapper li {
      font-size: 0.875rem;
      text-wrap: nowrap;
    }

    .faq .navigationWrapper ul {
      overflow-x: scroll;
      flex-direction: row;
      width: 100%;
      padding: 15px;
      border-radius: 12px;
      justify-content: space-around;
      align-items: center;
    }

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

    .faqquestionWrap {
      padding: 16px;
      border: 0.5px solid var(--grey4);
    }

    .faqHeading {
      font-size: 0.875rem;
    }

    .faqanswer {
      font-size: 0.785rem;
      line-height: 20px;
      width: 100%;
    }

    .faqquestionWrap .toggler {
      max-width: 36px;
    }
  }
}

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

  .journeyHead {
    text-align: center;
  }

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

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

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

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

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

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

  .floatingLinksBox .gradientButton button {
    width: 100%;
    justify-content: space-between;
    padding: 12px 32px;
    font-size: 1rem;
    line-height: 24px;
  }

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

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

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

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

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

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

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

  }

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

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

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

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

}

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

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

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

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

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

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

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

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

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

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

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

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

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

  li.active .tabsText {
    color: white;
  }

  h2 {
    color: var(--white);

    .sectionHeadingFr {
      font-weight: 400;
    }
  }

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

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

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

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

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

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

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

  .programSwiperBtn {
    display: none;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .boldHeading {
    font-size: 26px;
  }

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

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

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

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

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

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

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

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

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

    div {
      line-height: 0;
    }
  }

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

    span {
      font-size: 11px;
    }
  }

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

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

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

  .go-BlockHeading {
    color: white;
  }

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

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

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

  .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, 2) 0%, rgba(0, 0, 0, 0.35) 33%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.2) 65%);
    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;
  }
}

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

  .stickyHead {
    width: 50%;
  }

  .impactHeadingWrapper {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    padding: 20px 0;
    z-index: 10;
    background: var(--black);
  }

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

  .impactLeftBox::after {
    background: url(https://images.mastersunion.link/uploads/03122025/v1/IconTag12.svg) !important;
    height: 40px !important;
  }

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

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

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

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

  .video-container {
    cursor: unset !important;
  }

  .circleNumber {
    align-items: center;
    padding: 7px 12px;
    border: 1px solid var(--grey3);
    max-height: 30px;
    max-width: 30px;
    border-radius: 360px;
    color: var(--white);
    font-family: var(--go-regular);
    font-size: 15px;
    display: flex;
    justify-content: center;
  }


  .sectionGradientHead {
    font-family: "Fraunces", serif !important;
    font-weight: 400;

  }


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

  .sectionHeadingFr {
    font-size: 30px !important;
  }

  .impactRight img {
    cursor: pointer;
  }

  .impactWrapper {
    display: flex;
    gap: 80px;
  }

  .impactRight {
    width: 45%;
    border-inline: 1px solid var(--black5);
    position: relative;
    margin-top: 60px;

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

  .impactLeft {
    width: 51%;
  }

  .impactLeftBoxInner {
    display: flex;
    flex-direction: column;
    gap: 120px;
    margin-top: 80px;
    position: relative;
  }

  .impactLeftBox {
    position: relative;
    padding-left: 65px;
    min-height: 250px;
    max-width: 95%;

  }

  .impactLeftBox::after {
    content: '';
    position: absolute;
    background: url('https://images.mastersunion.link/uploads/18042025/v1/dollar.svg');
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    left: 0;
    top: -5px;
  }

  .video-container {
    cursor: pointer;
    aspect-ratio: 16 / 9;
    overflow: visible !important;
    border-radius: 0 !important;
    position: sticky !important;
    top: 9rem;
  }

  /* Decorative lottie overlay must not capture hover/clicks,
       otherwise the cross-origin iframe overrides the container's cursor */
  .video-container iframe[src*="lottie.host"] {
    pointer-events: none;
  }

  .impactLeftBox:nth-of-type(2)::after {
    content: '';
    background: url('https://images.mastersunion.link/uploads/22042025/v1/userLogo.svg');

  }

  .impactLeftBox:nth-of-type(3)::after {
    content: '';
    background: url('https://images.mastersunion.link/uploads/22042025/v1/applicationLogo.svg');
  }


  .impactLeftBox:nth-of-type(4)::after {
    content: '';
    background: url('https://images.mastersunion.link/uploads/22042025/v1/tradingLogo.svg');

  }


  .impactLeftBoxInner::before {
    content: '';
    position: absolute;
    background: var(--black5);
    width: 2px;
    height: 100%;
    left: 1.2rem;
    top: 0;
  }

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

  .impactButton {
    display: flex;
    padding: 8px 10px;
    align-items: center;
    gap: 4px;
    border-radius: 40px;
    background: #313131;
    color: var(--grey4);
    font-size: 13px;
    font-family: var(--go-medium);
    line-height: 88%;
    letter-spacing: 1px;
    text-transform: uppercase;
    max-width: max-content;
  }

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

  .impactGradientItalic {
    font-size: 38px;

    font-weight: 400;
    line-height: 120%;
    background: linear-gradient(92deg, #39b6d8 7.6%, #f7d344 53.43%, #e38330 99.26%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "Fraunces", serif;
  }

  .ulListWrapper {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    margin-top: 10px;

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

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

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

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

    }

    .appliedPara {
      color: var(--grey10);
      line-height: 150%;
      font-size: 16px;

      .textHighlight {
        color: white;
      }
    }

    .white-bold {
      font-family: var(--go-semibold);
      color: var(--white3);
    }

    .white-mediumTech {
      font-family: var(--go-medium);
      color: var(--white3);
    }

    .poweredDivi>img {
      filter: invert(1);
      max-width: 18px;
    }
  }

  .dateTag {
    color: var(--grey4);
    font: 13px 'go-regular';
    text-transform: uppercase;
    line-height: 120%;
    padding: 6px 12px;
    border-radius: 40px;
    text-align: center;
    background: var(--black5);
    width: fit-content;
    letter-spacing: 0.26px;
    margin-bottom: 10px;

    span {
      background: linear-gradient(92deg, #39B5D7 46.88%, #F7D544 73.88%, #E38330 100.65%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-family: "Fraunces", serif;
      font-size: 12px;

      font-weight: 400;
      width: fit-content;
    }
  }
}


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

  .programFlexi {
    max-width: 237px;
  }

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

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

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

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

  .navigationWrapper .tabPgp {
    padding: 16px !important;
    border-radius: 8px !important;
    background: var(--white4) !important;
    gap: 8px !important;
    align-items: center !important;
    display: flex !important;
    color: var(--black) !important;
    font-family: var(--go-medium) !important;
  }

  .cohortTag {
    padding: 4px 15px 6px 15px;
    border-radius: 60px;
    background: var(--grey4);
    align-items: center;
    font-size: 14px;
    line-height: 120%;
    font-weight: 400;
    color: var(--black);
    font-family: "Fraunces", serif;
    width: fit-content;
  }

  .eventSlide {
    border: 2px solid var(--white);
  }

  .eventSlide:hover {
    border: 2px solid var(--grey18);
  }

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

.podcastSection.aon {
  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 {
    display: flex;
    align-items: stretch;
    gap: 24px;
    background: unset;
    padding: 0;
    background: none;
    padding: 0;
  }

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

  .podcastLeft {
    width: 100%;
    max-width: 58%;
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: flex-start;
    background: var(--white3);
    border-radius: 10px;
    padding: 32px;
  }

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

  .podcastRight {
    width: 100%;
    max-width: 42%;
    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);
  }

}

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

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

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



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

  .withoutArrowWhiteBgBtn {
    display: flex;
    padding: 8px 20px 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 60px;
    border: 1px solid var(--black);
    color: var(--black) !important;
    font-size: 18px;
    font-family: "Fraunces", serif;
    font-weight: 400;
    line-height: 120%;
    max-width: fit-content;
    background: var(--white);
    cursor: pointer;
    transition: 0.4s ease-in-out;
  }

  .withoutArrowWhiteBgBtn.active {
    background-color: black;
    color: white !important;
    transition: 0.4s ease-in-out;
  }

  .classRoomWrapper {
    display: flex;
    flex-direction: column;
    gap: 70px;
  }

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

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

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

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

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

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

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

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

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

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

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

.industryReady {
  background: var(--white);
  padding-top: 0 !important;

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

  .lineSpace {
    margin-top: 8px;
    padding-top: 8px;
  }

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

  .cohortwrapper .box2col {
    align-items: center !important;
  }

  .futureGroup .txtgroup h6 {
    font-size: 22px;
    font-style: italic;
    font-weight: 400;
    line-height: 120%;
    font-family: "Fraunces", serif;
  }

  .cohortwrapper {
    justify-content: space-between;
    column-gap: 55px;
    width: 100%;
  }

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

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

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

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

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

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

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

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

  .lineSpace {
    margin-top: 8px;
    padding-top: 8px;
  }

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

  .cohortwrapper .box2col {
    align-items: center !important;
  }

  .caution>img {
    width: 100%;
    height: 100%;
    max-width: 16px;
    max-height: 16px;
  }

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

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

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

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

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

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

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

.pgpNew {
  .expertCommunity {
    padding-bottom: 60px;
    background: linear-gradient(to bottom, var(--white) 50%, var(--black) 50%);
  }

  .communityWrapper {
    display: flex;
    flex-direction: column;
    gap: 60px;
  }

  .communityLowerWrap {
    max-width: 904px;
    margin: 0 auto;
  }

  .communityUpperWrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }

  .communityLowerWrap {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
  }

  .getPrepDescription {
    position: absolute;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid var(--grey4);
    background: var(--grey16);
    display: flex;
    align-items: center;
    gap: 11px;
    top: 71px;
    right: 73px;
  }

  .communityRightWrapper {
    max-width: 450px;

    .pointerText {
      font: 14px "go-regular" !important;
      color: var(--grey3);
      line-height: 150%;
    }

    .expertPointer .circleNumber {
      border-radius: 50%;
      min-width: 26px;
      max-height: 26px;
      min-height: 26px;
      display: flex;
      justify-content: center;
      font: 14px "go-regular" !important;
      line-height: 100%;
      align-items: center;
      position: relative;
      top: 2px;
    }
  }

  .getPrepDescriptionSecond {
    position: absolute;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid var(--grey4);
    background: var(--grey16);
    display: flex;
    align-items: center;
    gap: 11px;
    top: 27%;
    left: 14%;
  }

  .getPrepDescriptionThird {
    position: absolute;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid var(--grey4);
    background: var(--grey16);
    display: flex;
    align-items: center;
    gap: 11px;
    bottom: 21%;
    right: 13%;
  }

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

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

  .communityHeading {
    font-size: 30px;
    line-height: normal;
    font-family: "Fraunces", serif;
    font-weight: 400;
    color: var(--black);
  }

  .communitySubHeading {
    font-size: 16px;
    font-family: var(--go-regular);
    color: var(--grey3);
  }

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

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

  .expertPointer {
    display: flex;
    gap: 12px;
    align-items: baseline;
  }

  .pointerText {
    font-size: 14px;
    font-family: var(--go-regular);
    line-height: 180%;
    color: var(--black);
  }

  .expertPointer .circleNumber {
    color: var(--black);
    border: 0.5px solid var(--grey15);
  }

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

  .sebiCertified {
    background: url(https://images.mastersunion.link/uploads/18042025/v1/Vector_1351.svg),
      linear-gradient(to top, var(--white) 44%, var(--black) 43%);
    background-repeat: no-repeat;
    background-size: cover;
  }

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

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

  .sebiLeftWrap {
    display: flex;
    flex-direction: column;
    gap: 14px;
  }

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

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

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

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

  .techPointerChild {
    display: flex;
    align-items: flex-start;
  }

  .eduPara {
    font-size: 14px;
    color: var(--grey16);
    font-family: var(--go-regular);
    line-height: 180%;
  }

  .eduBold {
    font-family: var(--go-bold);
  }

  .masterDetailBox {
    position: absolute;
    top: 20px;
    width: 197px;
    right: 0;
    padding: 20px;
    display: flex;
    flex-direction: column;
    /* align-items: flex-start; */
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.1);
    gap: 10px;
    backdrop-filter: blur(3.5px);
  }

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

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

  .masterDetailBox .masterDesignation {
    font-family: "Fraunces", serif;
    color: var(--white);
    font-size: 18px;
  }

  .newMasterDetailsWrap .lineSpace {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--black5);
  }

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

  .illinoisTech .illinoisBelowDivi {
    display: flex;
    justify-content: space-between;
    gap: 80px;
  }

  .illinoisTech.blackBg .illinoisBelowDiviLeft {
    width: 100%;
    max-width: 51%;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .illinoisTech.blackBg .illinoisBelowDiviRight {
    width: 100%;
    max-width: 48%;
  }

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

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

  .selectingStudents {
    padding: 80px 0;
  }

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

  .selectingStudents .contentWrap {
    gap: 15px;
  }

  .selectingStudents .cardsWrapper {
    display: flex;
    gap: 20px;
    background: url(https://images.mastersunion.link/uploads/10042025/v1/Vector1351.svg),
      var(--black);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
  }

  .selectingStudents .cardsWrapper.new .gridBox {
    border-radius: 0;
    min-height: 400px;
  }

  .feeProcess .feeProcessContainer .leftHeading {
    font-family: var(--go-medium);
  }

  .techAdmission .gridBox.academicsImg {
    background: url(https://images.mastersunion.link/uploads/17042025/v1/Frame1321316564.webp) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
  }

  .techAdmission .gridBox.academicsImg:nth-child(2) {
    background: url(https://images.mastersunion.link/uploads/17042025/v1/grid.webp) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
  }

  .techAdmission .gridBox.academicsImg:nth-child(3) {
    background: url(https://images.mastersunion.link/uploads/17042025/v1/criticalThinking.webp) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
  }

  .gradientFr {
    font-family: "Fraunces", serif;
  }

  .faqThinHeading {
    font-weight: 400;
  }

  .fellowshipVideo .sectionHeadingTech {
    font-size: 30px;
    font-family: var(--go-regular);
    line-height: 130%;
    color: var(--black);
  }

  .fellow_fr {
    font-size: 32px;
    font-family: "Fraunces", serif;
    font-weight: 400;
    line-height: 130%;
  }

  .fellowshipVideo {
    background: url(https://images.mastersunion.link/uploads/17042025/v1/gradientVector.svg),
      linear-gradient(100deg, #39b6d8 -19.33%, #f7d344 40.46%, #e38330 100.24%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 40px 0;
  }

  .underline {
    text-decoration: underline;
    text-decoration-thickness: 3px;
  }

  .investinFuture .investimgboxWrap .box:first-child {
    border-right: 1px solid var(--grey9);
  }

  .investinFuture .investimgboxWrap .box:nth-child(2) {
    border-right: 1px solid var(--grey9);
  }

  .classRomFaqWrap .inclassansUl li {
    font-family: var(--go-regular);
  }

  .selectingStudents .gridBox {
    cursor: unset;
  }

  .heroSectionImg {
    position: relative;
  }

  .heroSectionImg::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2;
  }
}

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

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

  .differentDesign>img {
    border-radius: 12px;
    min-width: 100px;
    min-height: 100px;
  }

  .cohortwrapper .box2col {
    align-items: center !important;
  }

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

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

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

  .cohortTabs {
    display: flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
  }

  .withoutArrowWhiteBgBtn.active {
    background-color: black;
    color: white !important;
    transition: 0.4s ease-in-out;
  }

  .cohortwrapper {
    justify-content: space-between;
  }

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

  .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: 100px;
    max-height: 100px;
    border-radius: 16px;
  }

  .lineSpace {
    margin-top: 8px;
    padding-top: 8px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .listArrow {
    width: 100%;
    height: 100%;
    max-width: 22px;
    max-height: 22px;
  }
}

.inclassSection {
  background: var(--black);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;

  .outclassSwipergm1,
  .outclassSwipergm2,
  .outclassSwipergm3,
  .outclassSwipergm4,
  .outclassSwipergm5,
  .outclassSwipergm6,
  .outclassSwipergm7,
  .outclassSwipergm8 {
    width: 100%;
    overflow: hidden !important;
  }

  .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;
    margin-top: 40px;

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

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

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

  .classDot {
    width: 100%;
    height: 100%;
    border-radius: 60px;
    background: var(--grey18);
    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;
    overflow: auto;
  }

  .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: 285px;
    cursor: pointer;
    min-width: 230px;
    transition: background 0.4s ease, border 0.4s ease,
      background-clip 0.4s ease;
    border-bottom: unset;
  }

  .inclassTabsParent::-webkit-scrollbar-thumb {
    display: none;
  }

  .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: 32px 24px;
    border-radius: 16px;
    border: 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: 16px;
    background: var(--grey17);
    border-radius: 8px;
    display: flex;
    gap: 15px 30px;
    justify-content: flex-start;
    max-width: 100%;
    width: 100%;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 310px;
  }

  .outclassLayout .outClassBoxi {
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;

    .outClassImage {
      max-width: 100%;
      max-height: 100%;
    }
  }

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

  .inBtnDivi {
    width: 100%;
    max-width: 250px;
    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: stretch;
    gap: 24px;
    width: 100%;
  }

  .outClassBoxi {
    border-radius: 8px;
    background: var(--grey17);
    padding: 10px 10px 10px 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
    max-width: 50%;
    flex-direction: row-reverse;
  }

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

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

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

  .remarkText {
    font-size: 11px;
    line-height: 150%;
    font-family: var(--go-regular);
    color: var(--grey10);
    align-self: flex-start;
    margin-top: 32px;
    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: -2rem;
  }

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

       } */

  .degreeImageWrapper {
    position: relative;
  }

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

  .degreePara {
    font-size: 16px;
    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: 612px;
  }

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

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

  .cautionWrapper {
    width: 100%;
  }

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

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

.outcomeSection {
  background: url("https://images.mastersunion.link/uploads/22112025/v1/Vector3.svg"),
    var(--black);
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 1px solid var(--black5);
  padding: 80px 0;

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

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

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

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

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

  .readingNumWrapper {
    border-radius: 16px;
    background: var(--grey17);
    border: 1px solid var(--grey3);
    padding: 24px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    gap: 24px;
  }

  .readingBoxi {
    width: 100%;
    max-width: 33.3%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    gap: 8px;
    min-width: 30%;
  }

  .numHeading {
    font-size: 30px;
    line-height: 120%;
    font-family: var(--go-semibold);
    font-weight: 600;
    color: var(--white);
  }

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

  .separationLIne {
    background-color: var(--grey3);
    width: 1px;
  }

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

  .cohortLink {
    width: 100%;
    max-width: 232px;
    padding: 24px;
    border-radius: 12px;
    background: var(--white);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

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

  .linkParaBoxi {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1px;
  }

  .linkHeading {
    font-size: 14px;
    font-family: var(--go-regular);
    line-height: 18px;
    color: var(--black);
  }

  .linkPara {
    font-size: 12px;
    font-family: var(--go-regular);
    line-height: 18px;
    color: var(--grey);
  }

  .link_Gradient {
    background: linear-gradient(91deg,
        #39b5d7 1.8%,
        #f7d544 30.53%,
        #e38330 84.04%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-flex;
    align-items: center;
  }
}

/* ylc new section cohort css starts */
.cohortNewSection {
  .content-section {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }

  .cohortCareerTable {
    width: 100%;
    margin-left: -20px;
  }

  .cohortCareerHeading td {
    font-size: 13px;
    font-style: var(--go-regular);
    line-height: 19.5px;
    color: var(--grey10);
    padding: 20px;
  }

  .cohortTableRow .cohortYear {
    font-size: 16px;
    font-style: var(--go-regular);
    line-height: 24px;
    color: var(--grey10);
  }

  .cohortTableRow td {
    font-size: 16px;
    font-style: var(--go-regular);
    line-height: 22.4px;
    color: var(--white);
    padding: 20px;
  }

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

  .cohortCareerHeading,
  .cohortTableRow {
    position: relative;
  }

  .cohortCareerHeading::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 113px;
    width: 100%;
    height: 1px;
    background-color: var(--grey3);
    max-width: 88%;
  }

  .cohortTableRow::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 113px;
    width: 100%;
    height: 1px;
    background-color: var(--grey3);
    max-width: 88%;
  }

  .afterBorderHide::after {
    display: none;
  }
}

.ctcsection {
  padding: 80px 0;
}

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


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

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

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

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

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

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

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

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

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

  .lectureCardLogoWrapper.one .logo.sdBoccani {
    max-width: 25%;
  }

  .card1 .one .logo {
    max-width: 120px;
  }

  .card7 .lectureCardLogoWrapper.one {
    max-width: 360px;

  }

  .card9 {
    position: sticky;
    top: 230px;
  }

  .card6 .lectureCardLogoWrapper.one .logo {
    max-width: 120px;
  }

  .card8 {
    position: sticky;
    top: 210px;
  }

  .card10 {
    position: sticky;
    top: 250px;
  }

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

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

  .lectureCardLogoWrapper.five {
    display: flex;
    align-items: flex-end;
    gap: 18px !important;
    margin-top: unset !important;
  }

  .card4 .lectureLeftCard {
    max-width: 600px !important;

  }

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

  .logoWrapperColumn .lectureCardLogoWrapper {
    margin-top: unset;
    gap: 18px;
  }

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

  .card3 .logoTrack .logo {
    margin-right: 10px;
    max-width: 140px;
  }

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

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

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

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

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

  .card8 {
    .logoTrack {
      .logo {
        max-width: 110px;
      }
    }
  }

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

  .card4 {
    position: sticky;
    top: 150px;

    .logo:nth-child(4) {
      margin-top: -25px;

    }
  }

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

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

  .card7 {
    position: sticky;
    top: 195px;
  }

  /*  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) {
    .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: 530px;
      /* max-height: 650px; */
      justify-content: start;
      border-top: 1px solid var(--grey);
      /* max-height: 577px; */
      padding: 16px 8px;
      gap: 18px;
      border: unset;
    }

    /* .lectureCardFlip.card5{
            min-height: 600px;
        } */

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

    .lectureProfileCards {
      padding-inline: 16px;
    }

    .profileHeadingText {
      font-size: 13px;
    }

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

    .card4 {
      .logo:nth-child(4) {
        margin-top: -16px;

      }
    }

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

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

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

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

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

    img {
      border-radius: 8px;
    }
  }

  .lateralRightMOb {
    position: relative;
  }

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

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

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

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

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

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

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

  .listArrow {
    width: 100%;
    height: 100%;
    max-width: 22px;
    max-height: 22px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .mainCraft {
    margin-top: 40px;
  }

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

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

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

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

  .bengDivi.rationNumBoxi {
    width: 100%;
  }

  .darjleeingBox.rationNumBoxi {
    width: 30%;
  }

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

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

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

.craftedSection.new {
  background: transparent;
  border: none;
  max-width: 965px;
  width: 100%;
  margin: 22px auto 0;

  .whiteCaution {
    max-width: fit-content;
  }
}

.semesterCurriculum {
  background: var(--white4);
  padding: 80px 0;

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

  .semester-content:nth-child(7) .aiToolsLeft {
    max-width: 505px;
  }

  .semester-content:nth-child(7) .aiToolsRight.options {
    max-width: 50%;
  }

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

  .logoWrapper {
    display: flex;
    gap: 6px;
    align-items: center;
    margin-top: 10px;
  }

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

  .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: 16px 0 16px;
    cursor: pointer;
    color: var(--black);
    transition: border-color 0.3s;
    border-bottom: 1px solid var(--grey4);
  }

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

  .tab.active:last-child {
    border-bottom: none;

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

  .tab.active {
    border-bottom: 1px solid var(--grey10);

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

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

  .semester-content {
    margin-bottom: 40px;
    border-radius: 8px !important;
  }

  .semNumber {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--grey10);
    font: 14px "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: 30px;
    display: flex;
    gap: 27px;
    width: 100%;
  }

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

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

  .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: 50%;
    width: 100%;
  }

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

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

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

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

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

.dsaiMasters {
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  padding: 80px 0;

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

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

  .black-medium {
    font-family: "go-semibold";
    color: var(--black);
  }

  .tbmMasterLogo {
    margin-top: 10px;
    min-height: 35px;
  }

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

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

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

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

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

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

  .mastersScroll {
    margin-top: 32px;
  }

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

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

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

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

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

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

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

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

  .gridCard:hover {
    .onhoverOverlay {
      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;
  }
}

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

  .greentag {
    font-family: "Fraunces", serif;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: 120%;
    color: #1c7c54;
    border-radius: 60px;
    padding: 4px 15px;
  }

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

  .applicationTimelineTable {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }

  .applicationTimelineTable thead {
    background: var(--grey16);
    width: 100%;
  }

  .headingTable {
    font-size: 12px;
    line-height: 120%;
    font-family: var(--go-regular);
    color: var(--black5);
    padding: 12px 16px;
    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 16px;
    font-weight: 500;
  }

  .greyActive {
    padding: 4px 15px;
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 60px;
    background: var(--grey18);
    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(--grey18);
  }

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

    .buttonDisable {
      background: rgba(250, 223, 225, 0.6);
      color: var(--red1);
      border: 1px solid transparent;
      text-transform: uppercase;
    }

    .btnBlack.btnSm {
      backdrop-filter: blur(2.5px);

      pointer-events: none;

      svg path {
        fill: #a3a3a3;
      }
    }

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

.learningWrap {
  gap: 100px;
  justify-content: space-around;
  display: flex;
  align-items: inherit;

  .mt160 {
    margin-top: 160px !important;
  }

  .courseName:not(:last-child) {
    border-bottom: 1px solid var(--black5);
  }

  .courseName {
    font-family: var(--go-regular);
    padding: 15px 0;
    position: relative;
    display: block;
    transition: 0.4s ease-in;
    cursor: pointer;
    font-size: 16px;
    color: var(--grey10);
    line-height: 160%;
  }

  .learningLeft {
    width: 100%;
    max-width: 334px;
  }

  .navigationBox {
    display: block;
  }

  .investinFuture .navigationBox {
    width: 100%;
    max-width: 334px;
  }

  .courseName:first-child {
    padding-top: 0;
  }

  .courseName.active {
    color: var(--white);
    padding-left: 40px;
  }

  .learningRight .box.active {
    display: block;
  }

  .learningRight .box {
    display: none;
  }

  .courseName img {
    position: absolute;
    top: unset;
    left: 0;
    opacity: 0;
    transition: 0.4s ease-in;
  }

  .courseName.active img {
    opacity: 1;
    transition: 0.4s ease-in;
  }

  .investinFuture .courseName:first-child img {
    top: 0;
  }
}

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

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

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

  .feeBelowWrap {
    display: flex;
    align-items: center;
    gap: 32px;
  }

  .feeStructureLeft {
    max-width: 60%;
  }

  .cautionWrapper {
    width: 100%;
  }

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

  .feeStructureRightImg {
    max-width: 470px;
    width: 100%;
  }
}

.feeStructureSection.smgHostel {
  .feeStructureLeft {
    max-width: 100%;
  }

  .feeHeadCol {
    vertical-align: unset;
    padding: 15px 16px;
  }

  .feeStructureTable th {
    max-width: 33.3%;
  }

  .feeColColor {
    font-size: 14px;
  }
}

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

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

  .financingHeadingWrap {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
  }

  .caution {
    padding: 6px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid transparent;
    background: linear-gradient(var(--white) 0 0) padding-box,
      var(--gradient) border-box;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    margin-top: 40px;

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

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

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

  .financeMenu {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 190px;
    overflow-y: scroll;
    max-height: 360px;
    align-items: flex-start;
    background: var(--white4);
    border: 1px solid var(--white4);
    border-radius: 4px;
  }

  .financeMenu::-webkit-scrollbar-thumb {
    background: var(--grey4);
  }

  .financeMenuList {
    cursor: pointer;
    filter: grayscale(1);
    transition: 0.4s ease;
    padding: 18px 25px;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    border: 1px solid transparent;
  }

  .financeMenuList.active {
    filter: grayscale(0);
    background: var(--white);
    border: 1px solid var(--grey4);
    border-radius: 4px;
  }

  .financeMenuList>img {
    max-width: 108px;
    max-height: 35px;
  }

  .financeContentWrapper {
    position: relative;
  }

  .financeDetailWrapper {
    display: flex;
    display: none;
  }

  .financeDetailWrapper.active {
    display: block;
  }

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

  .financeDetailBox {
    border-radius: 4px;
    border: 0.5px solid var(--white4);
    background: var(--white);
    display: flex;
    padding: 16px;
    justify-content: flex-start;
    width: 100%;
    max-width: 48%;
    gap: 10px;
    align-items: flex-start;
  }

  .financeDetail {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
    margin-top: 6px;
  }

  .amountlogo {
    width: 100%;
    max-width: 40px;
    max-height: 40px;
  }

  .financeName {
    font-size: 14px;
    line-height: 120%;
    color: var(--grey3);
    font-weight: 400;
    font-family: "Fraunces", serif;
    font-style: italic;
    text-transform: capitalize;
  }

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

.cohortSection {
  background: url("https://images.mastersunion.link/uploads/03122025/v1/Vector13741.svg"),
    var(--black);
  border-bottom: 1px solid var(--black5);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding: 80px 0;

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

  .black-medium {
    font-family: "go-semibold";
    color: var(--black);
  }

  .blurBg.btnBlack {
    border: 1px solid var(--grey18);
  }

  .profileParent.firstProfile {
    align-items: stretch;
  }

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

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

  .profileLeft {
    width: 100%;
    max-width: calc(100% - 600px);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 40px 0;
  }

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

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

  .profileParent {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    position: sticky;
    top: 7rem;
    background: var(--white);
    border-radius: 20px;
    filter: brightness(1.2);
  }

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

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

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

  .infiniteProfile {
    overflow: hidden;
    width: 100%;
    position: relative;
  }

  .infiniteProfile-wrapper {
    overflow: hidden;
    width: 100%;
  }

  .infiniteProfile-track {
    display: flex;
    width: fit-content;
    will-change: transform;
  }

  .infiniteProfile-track .imageBoxi {
    flex-shrink: 0;
    margin-right: 8px;
    /* Adjust spacing between images */
  }

  .infiniteProfile-track .imageBoxi img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
  }

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

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

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

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

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

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

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

  .roleList {
    list-style-type: disc;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .numberTabs {
    font-size: 13px;
    font-family: var(--go-regular);
    font-weight: 400;
    color: var(--grey10);
    line-height: 120%;
  }

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

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

  .profileItem {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    border-bottom: 1px solid var(--grey4);
    padding-bottom: 18px;
    width: 100%;

    .profileSvg {
      width: 100%;
      height: 100%;
      max-width: 42px;
      max-height: 42px;
    }
  }

  .profileItem:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }

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

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

  .imageBoxi {
    width: 100%;
    max-width: 128px;
  }

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

  .blackSemiPara {
    font-size: 18px;
    font-family: "Fraunces", serif;
    font-weight: 400;
    line-height: 140%;
    color: var(--black);
  }

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

  .leftiContainer {
    width: 100%;
    max-width: 548px;
  }
}

.pgp_rise_events .navigationWrapper.upcomingNew-Events li:hover {
  color: unset !important;
}

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

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

  .dynamicHeadingWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    text-align: center;
  }

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

  .pieChartDivi {
    max-width: 1140px;
    max-height: unset;
    overflow: hidden;
  }
}

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

.muafterCareer {
  .cohortNewSection {
    border-bottom: 1px solid var(--black5);
    padding: 80px 0;
  }
}

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

    .ctcCompontentWrap {
      padding-bottom: 0;
      border-bottom: unset;
      align-items: flex-start;
      justify-content: space-between;
      gap: 40px;
      display: flex;
    }

    .contentHeadingCtc {
      padding-bottom: 50px;
    }

    .ctcCompLeftSide {
      padding: 0 !important;
      max-width: 48%;
    }

    .ctcCompRightSide {
      padding: 0;
      max-width: 48%;
      min-width: 48%;
    }

    .ctcRightImg,
    .ctcLeftImg {
      display: flex;
      align-items: center;
      justify-content: center;
    }
  }
}

.ctcsection .content-section {
  margin-top: 30px;
}

@media (max-width: 767px) {
  .pgpNew {
    .expertCommunity {
      padding-bottom: 20px !important;

      background: linear-gradient(to bottom,
          var(--white) 78%,
          var(--black) 31%);

      .communityWrapper {
        gap: 40px;
      }
    }
  }

  .muafterCareer.ctcNewSection {
    .photoSection {
      padding: 60px 0;

      .ctcCompLeftSide,
      .ctcCompRightSide {
        max-width: 100%;
      }

      .ctcCompontentWrap {
        flex-direction: column;
      }

      .ctcCompRightSide {
        min-width: 100%;
      }
    }
  }

  .getpreppedMasters {
    padding-top: 32px !important;

    .getpreppedTabWrapper {
      margin-bottom: 24px;
    }
  }

  .pgpEvents {
    .eventSlide {
      flex-direction: column;
      gap: 16px;
      align-items: flex-start;
    }

    .eventTagsWrapper {
      display: none;
    }

    .eventHeading {
      font-size: 16px;
      min-height: 33px;
    }

    .datetimeWrapper {
      margin-top: 4px;
    }

    .cohortTag {
      padding: 4px 16px;
    }
  }

  .witnessSection {

    /* .getpreppedTabs{
        overflow-x: scroll;
        overflow-y: hidden;
      } */
    .witnessCard>img {
      min-height: unset;
    }

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

    .challengeContentWrapper {
      gap: 8px;
    }

    .tagWrapper {
      left: 16px;
      top: 16px;
    }

    .challengeParaWrapper {
      gap: 8px;
    }

    .challengeWrapper {
      gap: 8px;
    }

    .challengePara {
      font-size: 14px;
    }

    .witnessCardText {
      font-size: 14px;
    }

    .witnessTag,
    .witnessTextWrapper {
      margin: 16px;
    }

    .challengeWrapper {
      padding-left: 16px;
      padding-right: 16px;
    }

    .challengeHeading {
      font-size: 22px;
    }

    .witnessCardHeading {
      font-size: 22px;
    }

    .witnessCardWhite,
    .witnessCard {
      overflow: unset;
      max-width: 100%;
      max-height: 100%;
    }

    .witnessTabsWrapper .container {
      padding: 0;
    }

    .witnessTabsWrapper {
      margin-top: 0;
    }
  }

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

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

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

    .callBtn {
      width: 100%;
    }

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

  .craftedMobileSection {
    background: var(--white);
    padding-top: 40px !important;
    padding-bottom: 60px;

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

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

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

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

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

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

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

    .termBtn.immersionTag {
      background: var(--grey4);
      font-family: var(--go-medium);
      color: var(--black);
      padding: 3px 10px;
      border-radius: 20px;
      background: var(--grey4);
      border: unset;
    }

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

    .imageBox>img {
      overflow: hidden;
      max-height: 535px;
      width: 100%;
      min-width: 100%;
    }

    .cityList {
      display: flex;
      align-items: center;
      gap: 12px;
      overflow: auto;
      position: sticky;
      top: 107px;
      background: white;
      z-index: 10;
      padding-block: 10px;
    }

    .contentMobile {
      margin-top: 12px;
    }

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

    .cityContent.active {
      display: flex;
    }

    .ratioWrapper,
    .ratioBoxi,
    .rationNumBoxi {
      width: 100%;
      overflow: auto;
    }

    .ratioWrapper.jalandharLogos {
      .rationLogoBoxi:nth-child(3) {
        img {
          max-width: 90px !important;
        }
      }
    }

    .ratioWrapper.jalandharLogos {
      .rationLogoBoxi:nth-child(4) {
        img {
          max-width: 90px !important;
        }
      }
    }

    .ratioWrapper.mundraLogos {
      img {
        max-width: 76px !important;
      }
    }

    .ratioWrapper.mundraLogos {
      .rationLogoBoxi:nth-child(3) {
        img {
          max-width: 56px !important;
        }
      }
    }

    .rationLogoBoxi.DelhiImgMob {
      img {
        max-width: 95px !important;
      }
    }

    .ratioWrapper.lucknowLogo {
      .rationLogoBoxi:nth-child(2) {
        img {
          max-width: 110px !important;
        }
      }
    }

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

    .termBtn {
      padding: 8px 20px;
      border-radius: 60px;
      justify-content: center;
      align-items: center;
      display: flex;
      border: 1px solid var(--black);
      font-size: 12px;
      line-height: 120%;
      width: fit-content;
      font-family: var(--go-regular);
      color: var(--black);
      transition: all 0.3s;
      min-width: 85px;
    }

    .termBtn.active {
      background: var(--black);
      color: var(--white);
    }

    .ratioWrapper {
      display: flex;
      width: 100%;
      justify-content: space-between;
      align-items: flex-start;
      gap: 20px;
      overflow: auto;
    }

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

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

    .rationLogoBoxi {
      img {
        max-width: 60px;
      }
    }

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

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

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

    .mumbaiWrapper .rationLogoBoxi:nth-child(1) {
      img {
        max-width: 100px !important;
      }
    }

    .mumbaiWrapper .rationLogoBoxi:nth-child(2) {
      img {
        max-width: 100px !important;
      }
    }

    .mumbaiWrapper .rationLogoBoxi:nth-child(3) {
      img {
        max-width: 100px !important;
      }
    }

    .bengDivi .rationLogoBoxi:nth-child(1) {
      img {
        max-width: 100px !important;
      }
    }

    .bengDivi .rationLogoBoxi:nth-child(2) {
      img {
        max-width: 100px !important;
      }
    }
  }

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

    .insightParaWrapper {
      gap: 8px;
    }

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

    .swiper-pagination {
      bottom: -50px !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;
    }
  }

  .feeStructureSection {
    .feeStructureParent {
      overflow-x: scroll;
    }

    .feeBelowWrap {
      flex-direction: column-reverse;
    }

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

  .dynamicLearningSection {
    .dynamicPara {
      font-size: 14px;
    }

    .dynamicLearningWrapper {
      gap: 40px;
    }
  }

  .applicationTimeline {

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

    th:nth-child(5),
    td:nth-child(5) {
      width: 11%;
    }

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

    .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: 1153px;
      margin-bottom: 10px;
    }

    .headingTable {
      padding: 12px 10px;
    }

    .timelineRow {
      padding: 8px 10px;
    }
  }

  .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;
      align-items: flex-start !important;
    }

    .yearBelowRight {
      padding: 20px 10px;
    }

    .semesterContentBox {
      padding: unset !important;
    }

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

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

    .aiToolsLeft {
      max-width: 100%;
    }

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

  .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:after {
      height: 40%;
      background: linear-gradient(to top,
          rgba(0, 0, 0, 0.85),
          rgba(0, 0, 0, 0.60), transparent);
    }

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

  .lateralSection {
    padding-bottom: 10px !important;

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

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

    .lateralPara {
      margin-top: 8px;
    }

    .advisoryParaBoxi {
      gap: 16px;
    }

    .advisoryList {
      margin-top: 8px;
    }

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

  .stickymenu {
    top: 60px;

    .container {
      padding: 0;
    }

    .seondtabs {
      padding: 10px;
      width: 100%;
      padding-bottom: 5px;
    }
  }

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

    .tbmMasterLogo {
      min-height: 35px;
    }

    .newMasterBoxImg {
      min-width: 230px;
    }

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

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

  .graduatePrestigiousSection {
    background: var(--black);
    padding: 60px 0 !important;
    border-top: 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;
      display: flex;
      padding: 0 8px;
    }

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

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

    .outClassBoxi {
      max-height: fit-content;
    }

    .swiper-wrapper {
      margin-bottom: 35px !important;
    }

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

    .swiper-pagination {
      display: flex;
      width: 100% !important;
      align-items: center;
      bottom: 0 !important;
      position: absolute !important;
      left: 45% !important;
    }

    .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%;
      flex-direction: column;
      padding: 16px;
    }

    .outClassImage {
      max-height: 100%;
      max-width: 100%;
    }

    .outClassWrapper {
      overflow: auto;
    }
  }

  .mastersGraph .img-container {
    margin-top: 32px;
    flex-direction: row;
    overflow: auto;

    .lottie {
      min-width: 320px;
    }

    .img-container.img {
      overflow: auto;

      img {
        min-width: 320px;
      }
    }
  }

  .mastersGraph .centeredHeading h2 {
    font-size: 22px;
  }

  .mastersGraph .centeredHeading h2 .gradientTxt {
    font-size: 26px;
  }

  .mastersGraph .centeredHeading p {
    font-size: 13px;
  }

  .mastersGraph .img-containe .inner-tabs {
    gap: 50px;
    padding: 30px 0;
    width: 100%;
    justify-content: space-around;
  }

  & .mastersGraph {
    .centeredHeading {
      max-width: 100%;
      flex-direction: column !important;
      gap: 12px !important;
      align-items: flex-start !important;
    }

    .btnWhite {
      margin-top: 0 !important;
    }

    .img-container {

      img {
        max-width: 100%;
      }
    }

    .img-container.img {
      overflow: auto;

      img {
        min-width: 320px;
      }
    }
  }

  .indiaMapSection {
    padding-top: 40px !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;
    }
  }

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

    .newsCardsWrapper {
      padding-left: 16px;
    }

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

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

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

    .tabs li {
      text-wrap: nowrap;
    }

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

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

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

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

  .blackSvgBg {
    background: black;

    .content-section {
      overflow: auto;
      min-height: 370px;
      margin-top: 30px;
    }

    .cohortTableRow td {
      text-wrap: nowrap;
      min-width: 147px;
    }
  }

  .ctcsection .content img {
    max-width: unset;
    width: 61rem;
    padding-bottom: 20px;
  }

  .concentrationNew {
    padding-inline: 0 !important;
    padding-block: 60px !important;

    .coreWrapper .box {
      width: 100%;
    }

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

  .programmeBreatherNew {
    padding: 40px 0 !important;

    .rightBoxiSection {
      max-width: 53%;
    }

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

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

    .programmeBreatherRight {
      padding: 16px;
    }

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

    .eligibilityBoxi {
      font-size: 10px;
    }

    .classText {
      font-size: 18px;
    }

    .classPara {
      font-size: 13px;
    }

    .firstBoxi {
      gap: 4px;
      min-height: unset;
    }

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

      a,
      button {
        width: 100%;

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

  .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;
      flex-direction: column;
    }


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

    .impactMobCard:last-child {
      top: 7.8rem;
    }

    .mobImpactImage {
      overflow: hidden !important;
      position: relative;
    }

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

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

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

    .techPointerChild {
      align-items: baseline;
    }

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

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

  }

  .outcomeSection {
    .outcomeHeadingWrapper {
      flex-direction: column;
      gap: 12px;
    }

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

    .readingBoxi {
      max-width: 100%;
    }

    .numHeading {
      font-size: 24px;
    }

    .separationLIne {
      width: 100%;
      height: 1px;
    }

    .design {
      display: none;
    }

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

    .cohortLink {
      padding: 16px 24px;
      max-width: 100%;
    }
  }


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

  .clubsSection {
    .clubsWrapper {
      flex-direction: column !important;
      gap: 16px !important;
      align-items: flex-start !important;
      text-align: center;

      h2 {
        margin-left: 0px;
      }

      .sharedPara {
        margin-right: 0px;
      }
    }

    .festHidden {
      display: none !important;
    }

    .postCard {
      max-width: 328px;
      min-height: unset !important;
      max-height: unset;
      line-height: 0;
      background: var(--black);
    }



    .marketingWrapper {
      padding: 0px 16px !important;
      gap: 8px;
      bottom: 20px !important;
    }

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

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

    .sidebar {
      max-width: 100%;
      margin-left: 0;
    }

    .sidebar-list {
      display: flex;
      gap: 24px;
      align-items: flex-start;
      overflow-x: auto;
      overflow-y: hidden;
      max-height: unset;
    }

    .marketingTextBoxi {
      padding: 0;
      padding-bottom: 0;
      gap: 8px;
    }

    .convertWhite.gradientTextMarketing {
      font-size: 28px;
    }

    .sidebar-item.active {
      padding-left: 0 !important;
    }

    .sidebar-item {
      text-wrap: nowrap;
      border-top: unset;
    }

    .arrowIconsrc {
      display: none;
    }

  }

  .chayosSection {
    .cohortStudent {
      flex-direction: column;
      align-items: flex-start;
      gap: 24px;
    }

    .differentDesign>img {
      min-width: 70px;
      min-height: 70px;
    }

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

    .content-section {
      width: 100%;
    }

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

    .chayosWrapper {
      gap: 32px;
    }
  }

  .podcastSection.aon {
    .podcastWrapper {
      flex-direction: column-reverse;
      gap: 20px;

      border-radius: 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%;
    }
  }

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

  .bluePrintNew {
    .flexbox {
      gap: 24px;
      justify-content: space-between;
      flex-wrap: wrap;
    }

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

    .headingWrap.masterleft {
      width: 100%;
    }
  }

  .investinFuture {
    padding-bottom: 250px !important;

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

    .learningRight .box h3 {
      font-size: 16px;
    }

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

    .learningWrap {
      margin-top: 250px !important;
    }



    .faqquestionWraps,
    .faqquestionWrap {
      border: 0.5px solid var(--black5);
    }

    .learningRight .box {
      display: block;
    }

    .learningRight .box {
      width: 100%;
      padding: 10px !important;
    }

    .futureInvestTextWrap::before {
      height: calc(100% + 3px);
    }

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

    .futurePercent {
      font-size: 20px;
    }

    .futureText {
      font-size: 13px;
    }

    .futureInvestTextWrap {
      bottom: -55%;
    }
  }

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

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

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

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

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

    .futureGroup {
      gap: 8px;
    }
  }

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

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

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

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

    .futureGroup {
      gap: 8px;
    }
  }

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

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

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

    .hide {
      display: none;
    }

    .card7 .lectureCardLogoWrapper.one {
      max-width: 320px;
      padding: 0 8px;
    }

    .card4 .lectureLeftCard .morganStan.logo {
      max-width: 100%;
      min-width: 46px;
    }

    .card8 .lectureCardLogoWrapper.one,
    .card10 .lectureCardLogoWrapper.one {
      padding: 0 8px;
    }

    .card6 .lectureCardLogoWrapper.one {
      padding: 0 8px;
    }



    .card2 {
      .logo {
        width: 100%;
        max-width: 20%;
      }
    }

    .card4 {
      .lectureProfileCards {
        padding-left: 8px;
      }
    }

    .card3 {
      .logo {
        width: 100%;
        max-width: 20%;
      }

      .lectureCardLogoWrapper.two {
        padding-left: 8px;
      }
    }

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

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

      .logo {
        margin-right: 0;
      }
    }

    .card1 {
      top: 125px;
    }

    .card3 {
      top: 132px;
    }

    .card4 {
      top: 140px;
    }

    .card5 {
      top: 150px;
    }

    .card6 {
      top: 162px;
    }

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

    .card5 .RightCardContentFlip {
      margin-bottom: 10px;
    }

    .lectureCardFlip a {
      margin-left: 8px;
    }

    .lectureCard a {
      margin-left: 8px;
    }

    .card7 {
      top: 172px;
    }

    .card8 {
      top: 182px;

      .lectureCardLogoWrapper.one .logo {
        margin-right: 0 !important;
      }
    }

    .card9 {
      top: 192px;
    }

    .profileHeadingText {
      font-size: 13px;
    }

    .profileLightText {
      font-size: 12px;
    }

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

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

  .reachoutBreatherSection {
    .reachoutBreatherWrapper {
      flex-direction: column-reverse;
      gap: 20px;
      align-items: flex-start;
    }

    .reachoutLefti,
    .reachoutRight {
      max-width: 100%;
    }

    .reachoutLefti {
      padding: 20px;
      gap: 16px;
    }


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

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

    .supportcontentText,
    .supportBoxiText {
      font-size: 13px;
    }

    .impotantNote {
      font-size: 13px;
    }

    .supportBelowWrap {
      gap: 16px;
    }
  }

  .curriculumOutclassDs {
    padding: 40px 0 !important;

    .curriculumOutclassWrapper {
      gap: 32px;
    }

    .dsBelowLeft {
      position: relative;
      top: unset;
    }

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



  .cohortSection {
    .profileParent {
      flex-direction: column;
      padding: 4px;
      position: unset;
      border-radius: 12px;
    }

    .profileLeft {
      max-width: unset;
      min-height: unset;
      padding: 16px 6px;
    }

    .leftiContainer {
      max-width: unset;
      gap: 16px;
      align-items: unset;
    }

    .techCareerTabs {
      width: 100%;
      overflow: auto;
    }

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

    .careerTabUl {
      width: 100%;
      overflow: auto;
    }

    .roleList {
      gap: 12px;
    }

    .content-section {
      width: 100%;
    }

    /* .profileRight{
            max-height: 200px;
            border-radius: 16px;
           } */

    .careerContentTech {
      padding-inline: unset;
    }

    .careerTabUl li {
      padding: 0 20px 10px 10px;
    }

    .upperContentTab {
      width: 100%;
      gap: 16px;
      padding-inline: unset;
    }
  }

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

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


  .ourProgramme {
    padding: 60px 0;

    .ProgrammeCardMob .headingWrapper {
      min-height: 142px;
    }

    .programmeRightContent {
      padding: 12px;
    }

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

    .campusDiviParent {
      gap: 10px !important;
    }

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

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

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

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

    .btnBlack {
      padding: 12px 22px !important;
      font-size: 14px;
      width: 100%;
    }

    .ProgrammeCardMob .eachInfoWrapper:nth-child(3) {
      min-height: 57px;
    }

    .deadlineParent {
      width: 100%;
    }

    .imageWrappper .masterplay svg {
      backdrop-filter: blur(2px);
    }


    .speciallyBtn {
      order: 3;
      display: flex;
      flex-direction: column;
      justify-content: space-between;

      a {
        position: absolute;
        bottom: 20px;
        /* left: 0; */
        margin: 0 auto;
        max-width: 92%;
      }
    }

    .swiper {
      overflow: hidden !important;
    }

    background: var(--black);

    .btnWhite.btnSm {
      width: 100%;
    }

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

    .programmeSpan {
      font-size: 24px;
      font-weight: 400;
      font-family: "Fraunces", serif;
      font-style: italic;
    }

    .programmeWrapper {
      display: flex;
      flex-direction: column;
      gap: 20px;
      align-items: flex-start;
      position: sticky;
      top: 16px;
      z-index: 100;
      background: var(--black);
      padding-bottom: 10px;
    }

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

      img {
        border-radius: 8px;
        min-height: 124px;
      }
    }

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

    .programName {
      border-radius: 54px;
      border: 1px solid var(--grey3);
      background: var(--black);
      backdrop-filter: blur(2.5px);
      width: fit-content;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 8px 10px;
      cursor: pointer;
      transition: all 0.1s ease;
      min-width: max-content;
    }

    .programName.active {
      border: 1px solid transparent;
      /* Keep border transparent but define width */
      background: var(--white);

      .allText {
        color: var(--grey17) !important;
        font-weight: 600;
      }
    }

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

    .eachProgramDivi .swiper-pagination-bullet {
      background: var(--grey5) !important;
    }

    .eachProgramDivi {
      display: flex;
      flex-direction: column;
      gap: 15px;
      align-items: flex-start;
      opacity: 0;
      transform: translateY(10px);
      transition: opacity 0.1s ease, transform 0.1s ease;
    }

    .eachProgramDivi.show {
      opacity: 1;
      margin-top: 14px !important;
      transform: translateY(0);
    }

    .programFilters::-webkit-scrollbar {
      display: none !important;
    }

    .mobile-programs-container::-webkit-scrollbar {
      display: none !important;
    }

    .programs-wrapper {
      margin-top: 14px;
    }

    .programmiHeadingMOb {
      font-size: 20px;
      font-family: "Fraunces", serif;
      font-weight: 400;
      display: none;
      line-height: 120%;
    }

    .gradientUnderline::after {
      background: url(https://images.mastersunion.link/uploads/01052025/v1/Vector1348.svg) no-repeat;
    }

    .ugCardsParent {
      display: flex;
      gap: 10px;
      overflow: hidden !important;
      width: 100%;
      max-width: 100%;
    }

    .ProgrammeCardMob {
      border-radius: 8px;
      position: relative;
      border: 1px solid var(--black5);
      background: var(--black);
      padding: 10px;
      display: flex;
      flex-direction: column;
      gap: 12px;
      align-items: flex-start;

      a {
        width: 100%;
        order: 5;
      }
    }

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

    .eachProgramDivi .swiper-wrapper {
      padding-bottom: 30px !important;
    }

    .eachProgramDivi .swiper-pagination-bullet {
      background-color: var(--black5) !important;
      width: 8px;
      height: 8px;
      border-radius: 10px;
      margin: 0 4px;
      transition: background-color 0.3s ease, width 0.3s ease;
      opacity: 1;
    }

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

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

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

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

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

    .eligibilityParent {
      display: flex;
      /* flex-wrap: wrap; */
      min-height: 324px;
      gap: 10px;
      margin-bottom: 2px;
      flex-direction: column;
    }

    .cardParaEligibility {
      line-height: 120%;
      font-size: 13px;
      color: var(--white3);
      font-family: var(--go-medium);
    }

    .eachInfoWrapper {
      display: flex;
      align-items: flex-start;
      gap: 6px;
      width: 100%;
      max-width: 100%;
    }

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

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

    .whiteFillButton {
      max-width: 100%;
      justify-content: center;
      font-size: 13px;
      padding: 8px 14px;

      img {
        max-width: 12px;
        max-height: 10px;
      }
    }
  }

  .feeProcess {
    padding: 0;
    padding-bottom: 60px;
    padding-top: 0;

    #growingDiv {
      left: 33px;
      top: 0px;
      width: 4.1px;
      /* height: 100% !important;
      display: block !important; */
    }

    /* .feeProcessContainer .rightSection .procedureImgGrad {
      visibility: visible !important;
    }

    .procedureImg {
     opacity: 0;
    } */

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

    .caution p {
      font-size: 10px;
    }

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

  .feeProcess {
    padding: 60px 0;

    .feeProcessContainer .feeBox .body {
      padding: 16px 12px !important;
    }

    .detailsList .list li {
      margin-top: 2px;
    }

    .feeProcessContainer .leftSection {
      display: none;
    }

    .feeProcessContainer .rightSection {
      gap: 8px;
      width: 100%;
    }

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

    .procedureImg {
      width: 40px;
      height: 40px;
    }

    .procedureImgGrad {
      width: 40px;
      height: 40px;
    }

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

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

    .mobHeader .number {
      font-size: 1.25rem;
      color: var(--black);
      font-family: "go-regular";
    }

    .feeProcessContainer .rightSection .body {
      gap: 12px;
    }

    .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 .numberHeading {
      font-size: 16px;
    }

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

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

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

.faq .content-section {
  width: 83%;
}

.hide {
  display: none;
}

@media (max-width: 767px) {
  .faq .content-section {
    width: 100%;
  }

  .ApplyNow .popupContainer {
    width: 100%;
    padding: 40px 20px !important;
  }


}

.fromTophead {
  padding-inline: 0px;
}

@media (min-width: 320px) and (max-width: 360px) {
  html {
    zoom: 85%;
  }

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

@media (min-width: 1920px) {
  .heroSection {
    min-height: unset !important;

    .heroSectionImg {
      height: 100vh;
    }
  }

  .festPage .sidebar {
    margin-left: 170px;
  }

  .clubsSection {
    .clubsWrapper {

      h2 {
        margin-left: 170px;
      }

    }
  }
}

/* ==========================================================================
   Fees & financial support — ported from layouts/pgphighlight.hbs.
   Everything is wrapped in .pgpFeeSection so nothing leaks into the page.
   ========================================================================== */

.pgpFeeSection {
  border-bottom: 1px solid #d8d4ca;
  border-top: 1px solid var(--grey4);
  background: white;
  padding: 80px 0;

  /* Heading block — base styles come from mains.css on the pgphighlight page,
     which this page doesn't load, so they're carried in here */
  .headingWrap {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    gap: 30px;
  }

  .headingsLeft {
    width: 50%;

    .subText {
      max-width: 520px;
      margin-top: 18px;
    }
  }

  .headingsRight {
    width: 50%;
    text-align: right;

    .subText {
      max-width: 420px;
      margin: 0 0 0 auto;
      text-align: left;
      color: var(--grey2);
      font-size: 0.875rem;
    }
  }

  .headingSmall {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    font-size: 12px !important;
    font-family: "go-semibold" !important;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--grey10) !important;
    margin-bottom: 8px;

    >img {
      width: 14px;
    }
  }

  .subText {
    font-size: 0.813rem;
    font-family: "go-regular";
    color: var(--grey10);
    line-height: 160%;
    margin-top: 10px;
  }

  .gradientUnderline {
    position: relative;
    z-index: 11;

    &::after {
      content: "";
      position: absolute;
      bottom: -60%;
      left: 0;
      width: 100%;
      background: url("https://files.mastersunion.link/resources/svg/degreeSection.svg");
      background-repeat: no-repeat;
      height: 100%;
      z-index: -1;
    }
  }

  /* Shared eyebrow used inside cards and panels (no star icon) */
  .pgpLabel {
    display: block;
    font-family: 'go-semibold';
    font-size: 11px;
    line-height: 150%;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--grey10);
  }

  .pgpDateNote {
    font-family: 'go-regular';
    font-size: 13px;
    line-height: 160%;
    color: var(--grey);
  }

  /* Connected tab strip: the active tab drops its bottom edge into the
     panel below, so the two read as one control instead of five boxes */
  .pgpFeeTabs {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
    margin-bottom: -1px;
  }

  .pgpFeeTab {
    position: relative;
    overflow: hidden;
    text-align: left;
    cursor: pointer;
    padding: 18px 22px 20px;
    border: 1px solid var(--grey4);
    border-radius: 12px 12px 0 0;
    background: var(--grey16);
    transition: 0.4s ease-in-out;

    strong {
      display: block;
      margin: 10px 0 6px;
      font-family: 'go-bold';
      font-size: 22px;
      line-height: 120%;
      color: var(--grey15);
      transition: 0.4s ease-in-out;
    }

    span {
      font-family: 'go-regular';
      font-size: 13px;
      color: var(--grey);
    }

    &:hover {
      background: var(--white);

      strong {
        color: var(--black);
      }
    }

    &.is-active {
      background: var(--white);
      border-bottom-color: var(--white);

      &::before {
        content: "";
        position: absolute;
        inset: 0 0 auto;
        height: 3px;
        background: var(--Linear-Gradient);
      }

      strong {
        color: var(--black);
      }

      span {
        color: var(--grey2);
      }
    }
  }

  .pgpFeePanel {
    padding: 30px;
    border: 1px solid var(--grey4);
    border-radius: 0 0 16px 16px;
    background: var(--white);

    >.pgpEarlyBird:first-child {
      margin-top: 0;
      padding-top: 0;
      border-top: 0;
    }
  }

  .pgpFeeNumbers {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;

    >div {
      padding: 20px;
      border-radius: 12px;
      background: var(--grey16);
    }

    strong {
      display: block;
      margin-top: 10px;
      font-family: 'go-bold';
      font-size: 22px;
      line-height: 120%;
      color: var(--black);
    }

    span {
      display: block;
      margin-top: 7px;
      font-family: 'go-regular';
      font-size: 12px;
      line-height: 150%;
      color: var(--grey);
    }
  }

  .pgpFeeNumbers__total {
    background: linear-gradient(135deg, #f7d344 0%, #e38330 100%) !important;

    .pgpLabel {
      color: var(--black2);
    }
  }

  .pgpEarlyBird {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 30px;
    align-items: start;
    margin-top: 28px;
    padding-top: 28px;
    border-top: 1px solid var(--grey4);
  }

  .pgpPanelTitle {
    margin-top: 10px;
    font-family: 'go-bold';
    font-size: 24px;
    font-weight: 700;
    line-height: 130%;
    color: var(--grey17);
  }

  .pgpPanelText {
    margin-top: 10px;
    font-family: 'go-regular';
    font-size: 0.875rem;
    line-height: 160%;
    color: var(--grey2);
  }

  .pgpExampleBox {
    padding: 24px;
    border-radius: 12px;
    background: var(--black);

    strong {
      display: block;
      margin: 12px 0 8px;
      font-family: 'go-bold';
      font-size: 24px;
      line-height: 120%;
      color: var(--white);
    }

    span {
      font-family: 'go-regular';
      font-size: 13px;
      line-height: 160%;
      color: var(--grey5);
    }
  }

  .pgpScholarStats {
    display: grid;
    gap: 10px;

    span {
      padding: 14px 18px;
      border-radius: 10px;
      background: var(--grey16);
      font-family: 'go-regular';
      font-size: 13px;
      color: var(--grey2);
    }

    strong {
      display: block;
      margin-bottom: 4px;
      font-family: 'go-bold';
      font-size: 18px;
      color: var(--black);
    }
  }

  .pgpScholarStack {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: start;
    gap: 12px;
    margin-top: 26px;
    counter-reset: pgpScholarItem;
  }

  .pgpScholarCard {
    position: relative;
    counter-increment: pgpScholarItem;
    border-radius: 14px;
    border: 1px solid var(--grey4);
    background: var(--white);
    overflow: hidden;
    transition: 0.4s ease-in-out;
    interpolate-size: allow-keywords;

    &:hover {
      border-color: var(--grey18);
    }

    &[open] {
      border-color: var(--grey18);
      background: var(--grey16);
    }

    /* Numbering lives in CSS so the markup stays content-only */
    &::before {
      content: counter(pgpScholarItem, decimal-leading-zero);
      position: absolute;
      top: 17px;
      left: 18px;
      display: grid;
      place-items: center;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      border: 1px solid var(--grey4);
      background: var(--white);
      font-family: 'go-semibold';
      font-size: 11px;
      color: var(--grey2);
      transition: 0.4s ease-in-out;
    }

    &[open]::before {
      border-color: var(--black);
      background: var(--black);
      color: var(--white);
    }

    &::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 3px;
      background: var(--black);
      transform: scaleY(0);
      transform-origin: top;
      transition: 0.4s ease-in-out;
    }

    &[open]::after {
      transform: scaleY(1);
    }

    &[open] .pgpScholarCard__head::after {
      transform: translateY(-50%) rotate(0deg);
    }
  }

  .pgpScholarCard__head {
    position: relative;
    padding: 20px 56px 20px 62px;
    cursor: pointer;
    list-style: none;

    &::-webkit-details-marker {
      display: none;
    }

    strong {
      font-family: 'go-semibold';
      font-size: 16px;
      line-height: 150%;
      color: var(--grey17);
    }

    /* Plus that folds into a minus on open */
    &::before,
    &::after {
      content: "";
      position: absolute;
      top: 32px;
      right: 22px;
      width: 14px;
      height: 2px;
      border-radius: 2px;
      background: var(--grey17);
      transform: translateY(-50%);
      transition: 0.4s ease-in-out;
    }

    &::after {
      transform: translateY(-50%) rotate(90deg);
    }
  }

  .pgpScholarCard__body {
    padding: 0 24px 20px 62px;
    animation: pgpScholarReveal 0.4s ease-in-out;

    p {
      max-width: 860px;
      font-family: 'go-regular';
      font-size: 13px;
      line-height: 175%;
      color: var(--grey2);
    }
  }

  /* Smooth slide where supported; instant open elsewhere */
  @supports selector(::details-content) {
    .pgpScholarCard {
      &::details-content {
        height: 0;
        overflow: hidden;
        transition: height 0.4s ease-in-out, content-visibility 0.4s allow-discrete;
      }

      &[open]::details-content {
        height: auto;
      }
    }
  }

  .pgpHostelGrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }

  .pgpHostelCard {
    padding: 26px;
    border-radius: 12px;
    border: 1px solid var(--grey4);
    background: var(--grey16);

    strong {
      display: block;
      margin-top: 12px;
      font-family: 'go-bold';
      font-size: 28px;
      line-height: 120%;
      color: var(--black);
    }

    span {
      display: block;
      margin-top: 8px;
      font-family: 'go-regular';
      font-size: 13px;
      line-height: 160%;
      color: var(--grey2);
    }
  }

  .pgpFinanceHead {
    max-width: 720px;
  }

  .pgpLenderLayout {
    display: grid;
    grid-template-columns: 230px 1fr;
    gap: 20px;
    margin-top: 26px;
  }

  .pgpLenderList {
    display: grid;
    align-content: start;
    gap: 10px;

    button {
      cursor: pointer;
      text-align: left;
      padding: 14px 16px;
      border-radius: 10px;
      border: 1px solid var(--grey4);
      background: var(--white);
      font-family: 'go-semibold';
      font-size: 15px;
      color: var(--grey17);
      transition: 0.4s ease-in-out;

      &:hover {
        border-color: var(--grey18);
      }

      &.is-active {
        border-color: transparent;
        background: var(--black);
        color: var(--white);
      }
    }

    .pgpLabel {
      margin-bottom: 4px;
      font-size: 10px;
    }
  }

  .pgpLenderDetail {
    padding: 26px;
    border-radius: 12px;
    border: 1px solid var(--grey4);
    background: var(--grey16);
  }

  .pgpLenderDetail__head {
    display: grid;
    grid-template-columns: 1fr 0.8fr;
    gap: 28px;
    padding-bottom: 22px;
    border-bottom: 1px solid var(--grey19);
  }

  .pgpLenderContact {
    display: grid;
    align-content: start;
    gap: 6px;
    font-family: 'go-regular';
    font-size: 13px;
    color: var(--grey2);

    strong {
      font-family: 'go-semibold';
      color: var(--grey17);
    }

    a {
      text-decoration: underline;
      text-underline-offset: 3px;
      word-break: break-word;
    }
  }

  .pgpLenderStats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 26px;

    >div {
      padding: 14px 0;
      border-bottom: 1px solid var(--grey19);
    }

    strong {
      display: block;
      margin-top: 5px;
      font-family: 'go-semibold';
      font-size: 15px;
      line-height: 150%;
      color: var(--grey17);
    }
  }

  @media (max-width: 1023px) {
    .pgpScholarStack {
      grid-template-columns: 1fr;
    }

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

    .pgpEarlyBird,
    .pgpLenderLayout,
    .pgpLenderDetail__head {
      grid-template-columns: 1fr;
    }

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

    /* Two rows of tabs can't merge into the panel, so they become cards again */
    .pgpFeeTabs {
      grid-template-columns: 1fr 1fr;
      gap: 10px;
      margin-bottom: 0;
    }

    .pgpFeeTab {
      border-radius: 12px;

      &.is-active {
        border-bottom-color: var(--grey4);
        box-shadow: 0 8px 24px rgba(9, 9, 9, 0.08);
      }
    }

    .pgpFeePanel {
      margin-top: 16px;
      border-radius: 16px;
    }
  }

  @media (max-width: 767px) {
    .headingWrap {
      flex-direction: column;
      align-items: flex-start;
      gap: 16px;
    }

    .headingsLeft,
    .headingsRight {
      width: 100%;
      text-align: left;
    }

    .headingsRight .subText {
      max-width: 100%;
      margin: 0;
    }

    .pgpFeeNumbers,
    .pgpHostelGrid,
    .pgpLenderList,
    .pgpLenderStats {
      grid-template-columns: 1fr;
    }

    .pgpFeeTabs {
      margin-top: 24px !important;
      grid-template-columns: 1fr 1fr;
      gap: 8px;
    }

    .pgpFeeTab {
      padding: 14px 16px 16px;

      strong {
        margin: 8px 0 4px;
        font-size: 18px;
      }

      span {
        font-size: 12px;
      }
    }

    .pgpFeePanel {
      padding: 20px;
    }

    .pgpPanelTitle {
      font-size: 20px;
    }

    .pgpScholarStack {
      gap: 8px;
      margin-top: 20px;
    }

    .pgpScholarCard {
      border-radius: 12px;

      &::before {
        top: 15px;
        left: 14px;
        width: 24px;
        height: 24px;
        font-size: 10px;
      }
    }

    .pgpScholarCard__head {
      padding: 16px 40px 16px 48px;

      strong {
        font-size: 0.875rem;
      }

      &::before,
      &::after {
        top: 27px;
        right: 16px;
        width: 12px;
      }
    }

    .pgpScholarCard__body {
      padding: 0 16px 16px 48px;

      p {
        font-size: 0.8125rem;
      }
    }
  }
}

@keyframes pgpScholarReveal {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}