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

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

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

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

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

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

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

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

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

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

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

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

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

  .heroSectionImg {
    height: 90vh;

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

      video {
        width: 100%;
      }
    }

    .mobilevideo {
      width: 100%;
    }
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .futureInvestImg {
    position: relative;
  }

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

  .learningRight .subText {
    font-size: 14px;
  }

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

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

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

.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: calc(100% - 596px);
    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: 596px;

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

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

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

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

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

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

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

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

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

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

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

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

    .lifeCardHeadWrapper {
      opacity: 0;
    }
  }

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

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

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

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

.impactScroll {
  padding-top: 40px;

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

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

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

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

    height: 40px !important;
  }

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

    height: 40px !important;
  }

  .impactLastBox:after {
    background: url(https://images.mastersunion.link/uploads/31072025/v1/IconTag31.svg) !important;
    top: 0;
    left: 0;
  }

  .mobImpactImage {
    position: relative;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .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;
  /* Hide scrollbar for webkit browsers */
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */

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

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

  .newMasterDetailsWrap {
    border-radius: 0px 0px 8px 8px;
    line-height: 0;
    padding-block: 16px;
  }

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

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

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

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

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

  .mastersScroll {
    margin-top: 32px;
  }

  .newMasterDetailsWrap h3 {
    font: 16px "go-regular";
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.feeProcess {
  padding: 60px 0 65px;

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

  .feeProcessContainer {
    margin-bottom: 20px;
  }

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

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

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

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

  .feeBox .body {
    padding: 32px !important;
  }

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

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

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

  .detailsList .list li {
    font-size: 14px;
    margin-top: 4px;
  }

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

  .statustext {
    color: var(--grey15);
    font-family: var(--go-medium);
  }

  .SubHeadingSmall {
    font-size: 16px;
    color: var(--grey3);
    font-family: "Fraunces", serif;
    font-weight: 400;
    line-height: 120%;
  }
}

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

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

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

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

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

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

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

    .ctcCompontentWrap {
      padding-bottom: 0;
      border-bottom: unset;
      align-items: flex-start;
      justify-content: space-between;
      gap: 40px;
    }

    .ctcCompLeftSide {
      padding: 0 !important;
      max-width: 48%;
    }

    .ctcCompRightSide {
      padding: 0;
      max-width: 48%;
    }

    .ctcRightImg,
    .ctcLeftImg {
      display: flex;
      align-items: center;
      justify-content: center;
    }
  }
}

@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 {
      .ctcCompLeftSide,
      .ctcCompRightSide {
        max-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%);
    }

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

    .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: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 16px;
      width: 100%;
    }

    .ratioWrapper,
    .ratioBoxi,
    .rationNumBoxi {
      width: 100%;
      overflow: auto;
    }

    .ratioWrapper.jalandharLogos {
      .rationLogoBoxi:nth-child(3) {
        img {
          max-width: 90px !important;
        }
      }
    }

    .ratioWrapper.jalandharLogos {
      .rationLogoBoxi:nth-child(4) {
        img {
          max-width: 90px !important;
        }
      }
    }

    .ratioWrapper.mundraLogos {
      img {
        max-width: 76px !important;
      }
    }

    .ratioWrapper.mundraLogos {
      .rationLogoBoxi:nth-child(3) {
        img {
          max-width: 56px !important;
        }
      }
    }

    .rationLogoBoxi.DelhiImgMob {
      img {
        max-width: 95px !important;
      }
    }

    .ratioWrapper.lucknowLogo {
      .rationLogoBoxi:nth-child(2) {
        img {
          max-width: 110px !important;
        }
      }
    }

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

    .termBtn {
      padding: 8px 20px;
      border-radius: 60px;
      justify-content: center;
      align-items: center;
      display: flex;
      border: 1px solid var(--black);
      font-size: 12px;
      line-height: 120%;
      width: fit-content;
      font-family: var(--go-regular);
      color: var(--black);
      transition: all 0.3s;
      min-width: 85px;
    }

    .termBtn.active {
      background: var(--black);
      color: var(--white);
    }

    .ratioWrapper {
      display: flex;
      width: 100%;
      justify-content: space-between;
      align-items: flex-start;
      gap: 20px;
      overflow: auto;
    }

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

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

    .rationLogoBoxi {
      img {
        max-width: 60px;
      }
    }

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

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

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

    .mumbaiWrapper .rationLogoBoxi:nth-child(1) {
      img {
        max-width: 100px !important;
      }
    }

    .mumbaiWrapper .rationLogoBoxi:nth-child(2) {
      img {
        max-width: 100px !important;
      }
    }

    .mumbaiWrapper .rationLogoBoxi:nth-child(3) {
      img {
        max-width: 100px !important;
      }
    }

    .bengDivi .rationLogoBoxi:nth-child(1) {
      img {
        max-width: 100px !important;
      }
    }

    .bengDivi .rationLogoBoxi:nth-child(2) {
      img {
        max-width: 100px !important;
      }
    }
  }

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

    .insightParaWrapper {
      gap: 8px;
    }

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

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

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

    .insightPara {
      font-size: 14px;
    }

    .insightWrapper {
      gap: 24px;
    }

    .facultyDetailsWrapper {
      gap: 12px;
    }

    .insightNames {
      font-size: 16px;
    }

    .inisghtItalic {
      font-size: 16px;
    }

    .aboutVideo {
      padding-top: 12px;
    }

    .insightBtnWrapperMob {
      align-self: flex-end;
    }
  }

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

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

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

    .newMasterBoxImg {
      min-width: 230px;
    }

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

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

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

  .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 {
      flex-direction: column;

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

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

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

    .impactHeadingWrapper {
      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: 7.5rem;
      min-height: 630px;
    }

    .impactMobCard:last-child {
      top: 7.8rem;
    }

    .mobImpactImage {
      overflow: hidden !important;
    }

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

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

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

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

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

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

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

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

      .appliedPara {
        font-size: 14px;
      }

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

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

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

    .impactLeftBoxInner {
      gap: 40px;
    }

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

    .poweredDivi {
      gap: 12px !important;
    }

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

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

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

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

  .feeProcess {
    .feeProcessContainer .feeBox .body {
      padding: 16px 12px !important;
    }

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

    .detailsList .subHeading {
      font-size: 18px;
    }

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

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

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

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

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

  .investinFuture {
    padding-bottom: 80px !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;
    }

    .futureInvestTextWrap::before {
      height: calc(100% + 2px);
    }

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

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

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

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

    .go-BreatherHeading {
      padding-bottom: 16px;
    }

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

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

    .supportcontentText,
    .supportBoxiText {
      font-size: 13px;
    }
  }

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

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

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

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

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

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

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

      svg {
        max-width: 19px;
      }
    }

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

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

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

    .campusDiviParent {
      gap: 10px !important;
    }

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

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

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

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

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

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

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

@media (max-width: 767px) {
  .faq .content-section {
    width: 100%;
  }
}

@media (min-width: 320px) and (max-width: 360px) {
  html {
    zoom: 90%;
  }

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

@media (min-width: 1920px) {
  .heroSection {
    min-height: unset !important;
  }
}