@media (min-width: 786px) and (max-width: 1023px) {
  /* .container {
        max-width: 85%;
        padding: 0 15px;
        margin: 0 auto;
    } */


}

@media (min-width: 1500px) and (max-width: 1550px) {
  .mainMenu {
    padding: 0;
    justify-content: space-between;
  }

  .storyswiper .swiperBtnWrap {
    left: -4%;
  }

  .container-2 {
    padding-left: 162px;
  }
}

@media (min-width: 1024px) and (max-width: 1280px) {

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

  html {
    zoom: 90%;
  }

  .gridLeft {
    max-width: calc(100% - 495px) !important;
  }


  .opportunityWrapper .masterBox {
    max-width: 226px;
  }

  .studentEnter .studentEnterMaster .newMasterImgBox {
    height: 517px;
  }

  .roadmapBox {
    min-height: 235px !important;
  }

  .ughighlight .heroWrapper .heroright::after {
    width: 100%;
  }

  .courseDetailsWrap .buttonWrapper {
    flex-direction: column;
  }

  .menaSwipe .iconButton {
    justify-content: center;
  }

  .menaSwipe .gradientButton {
    flex: 1;
    max-width: unset;
    justify-content: center;
  }

  .ApplyNow .popupContainer {
    width: 50%;
  }

  .newEventLeadsBigPopup .popupContainer {
    width: unset;
  }

  .higherStudies .diviCareer {
    padding-top: 40px !important;
  }

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

  .seondtabs {
    gap: 30px;
  }

  .homeHeroSection {
    min-height: 100%;
  }

  .heroMain {
    min-height: 80%;
  }

  .careerjourney .navigationWrapper ul {
    gap: 60px;
  }

  .container-2 {
    padding-left: 30px;
  }

  .menudropdown {
    /* max-width: 631px; */
    width: fit-content;
    left: 18%;
  }

  .bannerText {
    font-size: 4.063rem;
  }

  .feeDetailBox {
    max-width: 46%;
  }

  .opportunityWrapper {
    justify-content: flex-start;
  }

  .seondtabs .list {
    font-size: 0.813rem;
  }

  .uniqueClass .navigationWrapper ul {
    gap: 40px;
  }

  .secondnavgroup {
    gap: 40px;

  }
}

@media (max-width: 1440px) {
  .inclassList.new li {
    width: 45%;
  }

  .heroMain {
    min-height: 80%;
  }


  .studentEnter .studentEnterMaster .newMasterImgBox {
    height: 426px;
  }
}

@media (max-width: 767px) {


  .meetMaster.NewMeetMaster {

    .masterBoxMobOuter{
      margin-right: 0 !important;
      margin-top: 4px !important;
    }
  }

  .intersectFiveHomePage .intersectYearSection {
    .illinoisWrapper{
      padding: 16px !important;
      border-radius: 8px !important;
    }
  }

  .intersectFiveHomePage {
    .impactScroll{
      .impactLeft{
        width: 100%;
      }
    }

    .alumniheroLeft.impactScroll{
      padding-top: 0;
    }
    .alumniSpotlightWrap .alumniheroLeft .midTop p{
      min-height: unset;
    }
    .connectWithUs .volunteerImage{
      min-height: unset;
    }
  }

  .NewMeetMaster .masterBoxi {
    max-width: 100%;
  }

  .opportunityWrapper.flexbox.mobVisible {
    gap: 20px;

    .masterBoxMobOuter {
      width: 100%;
    }
 
  }
  .meetMaster .masterImage{
    max-height: 192px;
  }
  .NewMeetMaster .mentorsBelowWrap {
    overflow-x: scroll;
    max-width: 100%;

    .mentorTabLi {
      min-width: max-content;
    }

    .mentorTabs {
     min-width: max-content;
    }
  }


  .applynowPgpWrap.rowflex .timerWrapperPgp {
    gap: 16px;
  }

  .pgphighlight #growingDiv {
    left: 8%;
  }

  .tradingWebpage {
    #growingDiv {
      left: 8.1% !important;
    }
  }

  .homepage section.meetMastersSection {
    background: var(--black);
    padding: 40px 0 60px !important;

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

    .groupmasters {
      order: 4;
      max-width: 100%;
    }

    .blackTagborder {
      margin-bottom: 8px;
    }

    .groupmasters {
      margin-bottom: 0;
      margin-top: 24px;
    }
  }

  .StudentHostel {
    .meetopportunity .rightImg {
      max-width: 100%;
    }

    .backgroundVector {
      max-width: 100%;
    }

  }

  .boardNewLinkedin {
    .masterBoxi {
      max-width: 100%;
      min-width: 250px;
      min-height: 235px;
    }
  }






  .pgpRiseOpm .ranveerShow {
    .showCard:first-child {
      border-bottom: 1px solid var(--grey4);

      .showContent {
        margin-bottom: 32px;
      }
    }

    .showsCardParent {
      gap: 32px;
    }

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

  .masterPlay.watchPlayTextNew {
    top: 43% !important;
    left: 31% !important;
  }

  .performancePdfWrap {
    display: flex !important;
    gap: 8px;
    flex-direction: column;
    align-items: stretch;
    max-width: 90%;
    margin: 0 auto;
    text-align: center;


    .btnWhite,
    .btnBlack {
      padding: 10px 20px;
      font: 14px 'go-medium';
    }
  }

  .whiteMuBg.curri-course .select-form .courseRoster-selectCaret {
    right: 15px;
    bottom: 28%;
  }

  .studentEnter .studentEnterMaster .newMasterImgBox {
    height: 430px;
  }

  .feeStructureWrapper.merit {
    border-top: 1px solid var(--black5);
    padding-top: 60px;
    margin-top: 60px !important;

    .feeStructureLeft {
      padding: 0;
      border: none;
    }

    .feeStuctureTable {
      border: none;
      padding: 0;
    }

    .feeStructureRight {
      padding-top: 40px;
    }

  }



  .heroMain {
    .muHeroButtonWrap {
      align-items: center;
      justify-content: center;
      width: 100%;
    }

    .heroRightButtons {
      flex-direction: column !important;
    }
  }

  .campusButtonDivi {
    overflow: auto;

    .withoutArrowWhiteBgBtn {
      min-width: max-content;
    }
  }


  .bluePrint .flexbox {
    flex-direction: column;
  }

  .semesterTabsWrapper {
    position: sticky;
    top: 6.1rem;
    background: var(--white4);
    z-index: 2;
  }

  .mastersMob {
    .mastersScroll {
      display: flex;
      gap: 15px;
      align-items: flex-start;
      overflow: auto;


      .newMasterBoxImg {
        min-width: 290px
      }
    }

  }

  .graduateReviews {
    padding-inline: 4px !important;
    padding-block: 20px !important;
  }

  #mastersWrapper .enterPreneurshipParent {
    bottom: 18%;
  }

  .immersionBtn.mob-visible {
    display: flex !important;
    align-items: center;
    gap: 8px;
    align-self: flex-end;
    width: 100%;
    margin-top: 10px;
  }

  .swiper-pagination-bullet-active {
    width: 30px !important;
    border-radius: 10px !important;
    transition: 0.4s ease-in-out !important;
  }

  .highlightdsai.mt40 {
    margin-top: 20px !important;
  }

  .heroWrapperHeadingDiv.new::before {
    display: none !important;
  }

  .dsaiMobView {

    .heroHeading h1,
    .italicFontHeading {
      font-size: 30px !important;
    }
  }


  .techDsaiHomePage.dsaiRedesign {
    .feeProcessContainer {
      margin-top: 0;
    }

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

    .higherStudies {
      overflow: unset !important;
    }

    .techCareerTabs {
      background: white;
      padding-top: 15px;
      z-index: 1;

      .tabs {
        gap: 20px;
      }

      li {
        padding-right: 30px;
      }
    }

    #growingDiv {
      top: 100px !important;
      width: 6px !important;
    }

    .headingWrap.masterleft {
      width: 100%;
    }

    .bluePrint .masterRight {
      width: 100%;
    }

    .alumniSpotlightWrap .alumniheroLeft .techTop h2 {
      font-size: 20px;
    }

    .alumniSpotlightWrap .alumniheroLeft .top h6 {
      font-family: 'go-regular';
      font-weight: 500;
    }

    .seondtabs {
      gap: 25px;
    }

    .impactLeftBoxInner {
      margin-bottom: 0;
      margin-top: 30p;
    }

    .go-HeroSubtitle.mt-10 {
      margin-bottom: 30px;
    }

    .heroHeading {
      margin: 0;
      gap: 8px;
    }

    .heroWrapperHeadingDiv {
      /* bottom: 100px; */
      width: 100%;
      left: 0;
      gap: 25px;
      padding-inline: 25px;
      text-align: center;
      position: relative !important;
      top: -170px;
    }

    .techHeroSection {
      height: 100vh !important;
      padding-top: 55px !important;

    }
  }

  .selectingStudents.sharkTank {
    .teachingHeadWrap {
      gap: 15px;
    }
  }

  .contentWrap.mob-visible {

    .description {
      color: #f5f5f5 !important;
      font: 14px 'go-regular';
      line-height: 150%;
    }

    .heading {
      font: 24px 'go-semibold';
    }

  }

  .selectingStudents.sharkTank {
    .sharkFront {
      padding: 25px;
    }
  }

  .blackSharkfont {
    margin-top: 10px !important;
  }

  .techDsaiHomePage {
    .techHeroSection {
      padding: 30px 0 55px !important;
    }
  }

  .getPreppedMain {
    .getpreppedmentor {
      padding-bottom: 100px !important;
    }

    .directorImage {
      max-width: 60px;
      max-height: 60px;

      img {
        max-width: 60px;
        max-height: 60px;
        border-radius: 360px;
      }
    }

    .productInfo {
      gap: 8px;
    }

    .productWrapper {
      flex-wrap: nowrap;
      overflow: auto;
      gap: 12px;
    }

    .productDivi {
      min-width: 320px;
    }

    .nameLogoDivi a {
      line-height: 0;
    }

    .yearUpperDivi h2 {
      max-width: 100%;
    }

    .yearUpperDivi .aiToolsRight {
      max-width: 100%;
    }

    .getpreppedVideoSection {
      padding: 0 !important;
      max-height: 139px;

      .getpreppedVideoContainer {

        max-width: 100%;
        top: -4rem;
      }
    }

    .getpreppedMasters {
      .seondtabs {
        overflow: auto;
        justify-content: flex-start;
      }

      .productUpper {
        min-height: 100px;
        max-height: 120px;
        overflow: auto;
      }

      .mastersGroup {
        flex-wrap: nowrap;
        overflow-x: auto;
      }

      .newMasterBox {
        min-width: 80%;
        max-width: unset;
      }
    }
  }

  .muCareerPageDetail {
    padding-top: 120px;

    .header {
      flex-direction: column;
    }

    .congrats-box {
      max-width: 100%;
      margin-left: 0 !important;
    }
  }

  .careerPageRight {
    .blackBtn button {
      border: none !important;
    }

    .opportunityWrapper {
      flex-direction: column !important;
    }

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

  .selectingStudents.sharkTank .cardsWrapper .gridBox {
    min-height: 480px;
  }

  .selectingStudents.sharkTank .cardsWrapper {
    flex-direction: row;
    margin-top: 30px;
  }

  .intersectFiveHomePage {

    .marquee__inner_reverse {
      animation: marqueeReverse 48s linear infinite !important;
    }
    .marquee__inner{
      animation: marquee 48s 
      linear infinite;
    }

    .influenceSection {

      .influenceWrapper {
        flex-direction: column;
      }

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

      .influenceRight {
        border: 10px solid white;
        border-bottom: none;
        width: 100%;
        max-width: 100%;
      }

      .mob-size {
        max-width: 23px;
      }

      .reachBoxRight {

        max-width: 95.5%;
        padding: 12px;

        h2 {
          font: 20px 'go-thin';
          margin-top: 12px;

          span {
            font-size: 22px;
          }
        }


        .subheading {
          font: 13px 'go-regular';
        }

        .reachBoxWrapper {
          gap: 8px;
          margin-top: 12px;
        }

        .reachBox {


          h4 {
            font: 12px 'go-regular';
            color: var(--grey4);
          }

          p {
            font: 20px 'go-medium';
          }
        }



        .reachBox.yellowBox {
          margin-top: 15px;

        }
      }
    }

    .joinNewsletter .Newswrapper {
      padding: 25px;
    }

    .joinNewsletter .SubmitButton {
      display: flex;
      padding: 13px 25px;
      gap: 5px;
      font-size: 14px;
      line-height: 24px;
    }

    .connectWithUs {
      .connectWrapper {
        flex-direction: column;
      }

      .connectLeft {
        max-width: 100%;
      }

      .connectRight {
        max-width: 100%;
      }

      .connectHeading {
        font-size: 22px;
      }

      .italicThin {
        font-size: 24px;
      }

      .boxText {
        font-size: 12px;
      }

      .connectRight {
        padding: 15px;
      }
    }



    .postEditionSection {
      .postIntersectList {
        overflow: auto;
      }

      .intersectNum {
        text-wrap: nowrap;
      }

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

      .gameChangerRight {
        max-width: 100%;
      }

      .gameChangerLeft {
        max-width: 100%;
      }

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

    .intersectHeroWrapper .heroWrapperHeadingDiv {
      gap: 20px;
    }

    .listHead {
      font-size: 16px;
    }

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

    .techImageDivi {
      min-height: unset;
    }

    .worldMap .worldMapWrapper {
      flex-direction: column;
      gap: 10px;
    }

    .worldMap .mapImage {
      overflow: scroll;
      justify-content: flex-start;
    }

    .worldMap .mapImage>img {
      min-width: 915px;
    }

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

    .newsRightWrapper {
      max-width: 100%;
      overflow: auto;
    }

    .newsBoxi {
      max-width: 100%;
      min-width: 300px;
    }

    .intersectEventCalender .calendar {
      min-height: unset;
    }

    .graduateReviews .studentInternshipWrapper {
      padding: 20px;
    }

    .alumniSpotlightWrap .alumniheroLeft .techTop h2 {
      font-size: 24px;
    }

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

    .getInvolvedMain .yearUpperDivi .sectionRightSubheading {
      max-width: 100%;
    }

    .memberLoginSection .memberLoginWrapper {
      padding: 40px 16px;
    }

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

    .memberLoginSection .loginFieldsWrapper {
      max-width: 100%;
    }

    .memberLoginSection .loginFieldParent {
      flex-direction: column;
    }

    .memberLoginSection .loginField {
      max-width: 100%;
    }

    .memberLoginSection .signUpDivi {
      flex-direction: column;
      gap: 30px;
    }

    .memberLoginSection .impactScroll {
      max-width: 100%;
    }

    .signUpPara {
      font-size: 15px;
    }
  }

  .admissionTimer {
    max-width: fit-content;
    gap: 20px;

    .timerWrapperPgp {
      padding-left: 25px;
    }

    .timerWrapperPgp {
      gap: 16px;
    }

    .timerText {
      font-size: 13px;
    }

    .gradientBold {
      font-size: 20px;
    }
  }

  .scroll-container {
    overflow: hidden;
    /* white-space: nowrap; */
    flex-wrap: wrap !important;
    display: flex;
    /* flex-direction: row !important; */
    align-items: stretch;
    position: relative !important;
    width: 100%;
    gap: 10px !important;
  }

  .aiPackedWrapper {
    gap: 45px;
  }

  .aiPackedBoxi {
    max-width: 48% !important;
    min-width: 48%;
  }

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

  .aiPackedWrapper {
    display: flex;
    gap: 60px;
  }

  .font-34 {
    font-size: 30px;
  }

  .logoSlider {
    width: 80% !important;
  }

  .buttonsParent {
    flex-direction: column !important;
  }

  .mobileVisibleBreak {
    display: block;
  }

  .newMeetMasterSwiperAuto {
    overflow: hidden;
  }

  .ugMobTbm .studentJourneyWrap {
    flex-direction: column;
  }

  .cohortNewSection {
    .content-section {
      overflow: auto;
    }

    .cohortTableRow td {
      min-width: 147px;
    }

    .content-section::-webkit-scrollbar-thumb {
      background: var(--grey3);
    }

    .cohortCareerPara,
    .cohortYear {
      text-wrap: nowrap;
    }

    .cohortTableRow td {
      text-wrap: nowrap;
    }

    .cohortCareerPara {
      margin-bottom: 30px;
    }

    .cohortYear {
      padding: 20px 20px 20px 0px !important;
    }
  }

  .prestigiousDegree {
    .graduateHeadingPara {
      flex-direction: column;
      gap: 10px;
    }

    h2 {
      max-width: 100%;
    }

    .aiPara {
      max-width: 100%;
    }

    .globalIndiaTrack {
      flex-direction: column;
    }

    .giTrackDivi .subheading {
      font-size: 18px;
    }

    .giTrackDivi .gitrackdiviPara {
      font-size: 14px;
    }

    .globalTechPara p {
      font-size: 13px;
      line-height: 180%;
    }

    .giTrackDivi {
      padding: 15px;
    }

    .globalIndiaList {
      gap: 8px;
    }
  }

  .dsAiCurriculumImage {
    img {
      max-height: 118px;
    }
  }

  .intersectParticipatSection {
    .itemScrollbutton img {
      width: 34px;
    }
  }

  .ughighlight .inclassBox {
    justify-content: unset;
    gap: 20px;
  }

  .premierInstituteSection {

    .premierToolTipSubDiv1,
    .premierToolTipSubDiv2,
    .premierToolTipSubDiv3 {
      flex-wrap: wrap;
    }

    .toolTipDivi {
      width: 50%;
      min-width: 56px;
    }

    .premierInstitutionWrapper {
      gap: 40px;
    }

    .leftBorderRemoveMOb {
      border-left: 1px solid transparent;
    }

    .rightBorderRemoveMOb {
      border-right: 1px solid transparent;
    }
  }

  .abouttimevid {
    position: relative;
    width: 100%;
    top: unset;
  }

  .collaboration.tbmFbm-collab {
    background: var(--white);
  }

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

  .subHeadTextGrey {
    font-size: 13px;
  }

  .dropdown__items {
    left: 1rem;
    margin-top: 3.5rem;
  }

  .ugDataAi .degreeProgram .degreeRight {
    width: 100% !important;
    max-width: 100%;
  }

  .ugDataAi {
    .inclassBox .inclassFlex {
      width: 100% !important;
      max-width: 100%;
    }

    .content-section .inclassBoxWrapper .inclassBox {
      gap: 50px;
      flex-wrap: nowrap;
      min-width: unset;
    }

    .inClassBoxCHild1 {
      min-width: 200px;
      max-width: unset;
    }

    .headingsLeft .bannerSubheading {
      max-width: 93%;
    }

    .concentration h2 {
      font: 1.25rem "go-bold";
    }

    .alumniName {
      font-size: 0.813rem !important;
    }

    .alumniName span {
      font-size: 0.813rem !important;
    }
  }

  .degreeProgram {
    .degreeLeft {
      max-width: 100%;
    }

    .degreeContent .left {
      max-width: 100%;
    }

    .faqquestionWrap {
      gap: 20px;
    }

    .parentStarDiv {
      gap: 15px;
    }

    .gradientUnderline::after {
      bottom: -48%;
    }
  }

  .tangibleOutcomesSection {
    .headingWrap h2 {
      width: 100%;
      max-width: 80%;
    }

    .belowTangibleBox {
      max-width: 100%;
    }

    .headingWrap .programmeTagLine {
      width: 100%;
      max-width: 94%;
    }

    background: var(--black);
  }

  .applicationprocessWrap .iconButton {
    padding: 7px 10px !important;
  }

  .muHeroLogos {
    max-width: 50%;
  }

  .mena-cards {
    overflow: unset !important;
  }

  .pgpTbmCareers .careerImageWrapper .left,
  .pgpTbmCareers .careerImageWrapper .right {
    max-width: 100%;
  }

  .testDriveOnline {
    overflow: hidden;

    .TimelineTestDrive {
      .outclassboxWrapper {
        flex-wrap: nowrap;
        overflow: auto;
        margin-top: 15px;
      }

      .outclassBox {
        min-width: 100%;
        /* flex-wrap: wrap;
        flex-direction: column-reverse;
        max-width: 100%;
        padding: 12px;
        max-height: 337px;
        height: 100dvh;
        overflow: hidden; */
      }

      .classEffect:hover::before {
        height: 142%;
      }

      .inClassHeading {
        font-size: 18px;
      }
    }

    .experienceReal {
      .simulationWrapper {
        flex-direction: column;
      }

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

      .sectionHeading {
        font-size: 20px;
        font-family: "go-bold";
        font-weight: 700;
      }
    }

    .costLogistic {
      .costWrapper {
        display: block;
      }

      .heading {
        font-size: 20px;
        margin-bottom: 20px;
      }

      .formWrap {
        width: 100%;
        margin-top: 30px;
      }

      .tabContent {
        font-size: 14px;
        font-family: "go-medium";
        font-weight: 500;
      }

      .tabContent span {
        font-size: 0.875rem;
        font-family: "go-bold";
        font-weight: 700;
      }
    }

    .costLogistic li {
      align-items: flex-start;
    }

    .aboutProgrammeIcon {
      .programmeWrapper {
        display: block;
      }

      .sectionHeading {
        font-size: 20px;
        font-family: "go-bold";
        font-weight: 700;
      }

      .aboutBox {
        gap: 5px;
      }

      .aboutBox:not(:last-child) {
        margin-bottom: 20px;
      }
    }

    .outcomePrograme {
      .mastersList {
        margin-top: -100px;
      }
    }

    .inclassBox {
      overflow: auto;
    }

    .tagsWrapper {
      .inclassFlex {
        text-wrap: nowrap;
      }
    }

    .tagsWrapper {
      max-width: max-content !important;
    }
  }

  .pgphighlight .teachingSwiper .swiper-slide {
    background: transparent !important;
    padding: 0;
  }

  .getprepped .headingRight.active {
    display: none !important;
  }

  .immersions {
    .alignbox-gradient-Immersion::after {
      display: none;
    }

    .rowReverseCoreWrapper {
      flex-direction: column;
    }

    .immersionHeading {
      max-width: 100%;
    }

    .gradientVector::after {
      bottom: -52%;
      left: -4px;
    }

    .learningRight .box h3 {
      width: 100%;
      max-width: 89%;
    }

    .masterGlobalHeading {
      width: 100%;
      max-width: 310px;
    }
  }

  .getprepped .headingRight.active {
    display: none !important;
  }

  .masterConceptCurriculumSection {
    .businessScoreContent {
      flex-wrap: nowrap;
      flex-direction: column;
    }

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

    .inclassBox {
      max-height: unset;
    }

    .inclasstabs li {
      min-width: max-content;
    }

    .inclasstabs {
      justify-content: flex-start;
    }
  }

  .pgp_rise_events .upcomingNew-Events ul {
    background: transparent !important;
    justify-content: flex-start;
  }

  .pgp_rise_events .eventImg .masterPlay img {
    width: unset;
  }

  .pgp_rise_events .eventHeading {
    min-height: 34px;
  }

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

  .familytreeWrapper {
    flex-direction: column;
  }

  .pgpRise_LandingPage #growingDiv {
    display: none;
  }

  .pgpRise_LandingPage .landingPageMainSection {
    padding: 100px 0 60px !important;
  }

  .pgpRise_LandingPage .landingPageMainWrapper {
    flex-direction: column;
    gap: 30px;
  }

  .pgpRise_LandingPage .landingPageWrapperLeft {
    max-width: 100%;
  }

  .pgpRise_LandingPage .landingPageWrapperRight {
    width: 100%;
  }

  .pgpRise_LandingPage .distinctiveProgrammingBelowLeft {
    max-width: 100%;
  }

  .pgpRise_LandingPage .menaImmersionRight {
    width: 100%;
  }

  .pgpRise_LandingPage .globalUnique .headWrap {
    max-width: 100%;
  }

  .pgpRise_LandingPage .globalUnique .eduBoxWrapper {
    overflow: auto;
    gap: 12px;
  }

  .pgpRise_LandingPage .globalUnique .eduBoxWrapper .eduDetailBox {
    min-width: 320px;
  }

  .menaImmersionRight {
    width: 100%;
  }

  .blogsPage .imageWrapper .eventImage {
    min-height: 212px !important;
  }

  .tab_visible_mastersUNion {
    display: none;
  }

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

  .policieswrap {
    order: 1;
  }

  .copyright {
    order: 3;
  }

  .footerLinkRight {
    order: 2;
    margin-bottom: 0;
  }

  .journeyStarts.intersect4Past {
    min-height: 0;
  }

  .journeyStarts.intersect4Past h2 {
    text-align: center;
    font-size: 32px;
    padding-right: 0;
    width: 100%;
  }

  .intersect4Past.journeyStarts.visible {
    min-height: auto;
  }

  .ugPastIntersect .speakerPast .spakerUG {
    margin-top: 40px !important;
  }

  .ugPastIntersect .speakerPast .sectionHeading {
    font-size: 1.75rem;
    line-height: 130%;
    font-weight: 700;
    font-family: "go-bold";
  }

  .ugPastIntersect .pastIntersect {
    background: url(https://images.mastersunion.link/uploads/19122024/heroSectionPastMob.webp);
    background-size: cover;
    min-height: auto;
    background-repeat: no-repeat;
  }

  .ugPastIntersect .heroWrapper .topHeadingPast {
    margin-bottom: 25px;
  }

  .ugPastIntersect .wraperBoxSperaker {
    flex-wrap: wrap;
    gap: 30px;
    flex-direction: column-reverse;
  }

  .ugPastIntersect .swiperBoxes .swiper-slide {
    max-width: 100%;
    min-width: 250px;
    min-height: 235px;
  }

  .ugPastIntersect .pastIntersect .programmeHeading {
    font-size: 38px;
    font-weight: 800;
    line-height: 120%;
    letter-spacing: 0.542px;
  }

  .ugPastIntersect .hightlightsPast .pastSpeakersHeading .sectionHeading {
    font-family: "go-bold";
    color: var(--black);
    font-size: 28px;
    font-weight: 700;
    line-height: 130%;
  }

  .ugPastIntersect .hightlightsPast .pastSpeakersHeading .headingSmall {
    color: var(--grey10) !important;
    font-size: 12px !important;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
  }

  .ugPastIntersect .hightlightsPast .headingSpeaker {
    font-size: 1.25rem;
  }

  .ugPastIntersect .hightlightsPast .pastdetail {
    margin-top: 30px;
    flex-direction: column;
    gap: 30px;
  }

  .ugPastIntersect .hightlightsPast .speakerPara {
    font-size: 0.875rem;
  }

  .ugPastIntersect .hightlightsPast .listSubheading {
    font-size: 0.8125rem;
  }

  .ugPastIntersect .hightlightsPast .pastleft {
    width: 100%;
    max-width: fit-content;
  }

  .ugPastIntersect .hightlightsPast .box {
    width: 100%;
  }

  .ugPastIntersect .hightlightsPast .box::after {
    display: none;
  }

  .ugPastIntersect .developing .pastdetail {
    margin-top: 0;
    flex-direction: column-reverse;
  }

  .ugPastIntersect .developing .boxDev::after {
    display: none;
  }

  .ugPastIntersect .developing .boxDev {
    width: 100%;
  }

  .ugPastIntersect .mentalHealth .pastdetail {
    margin-top: 0;
  }

  .ugPastIntersect .masterPastSwiper .groupSpeakerWrapper {
    margin-top: 30px;
  }

  .ugPastIntersect .masterPastSwiper .heading {
    font-family: "go-bold";
    color: var(--white);
    font-size: 28px;
    font-weight: 700;
    line-height: 130%;
  }

  .ugPastIntersect .masterPastSwiper .headingWrapperButton {
    flex-direction: row;
  }

  .ugPastIntersect .masterPastSwiper .gradientUnderline::after {
    content: "";
    position: absolute;
    bottom: -60%;
    left: 1px;
    width: 68%;
    background: url(https://files.mastersunion.link/resources/svg/degreeSection.svg);
    background-repeat: no-repeat;
    height: 83%;
    z-index: -1;
  }

  .newMasterImgBox .masterPlay {
    left: 6.8rem;
    top: 5.5rem;
  }

  .pagenotfound {
    padding: 80px 0 60px !important;
  }

  .blogsPage .programmeHeading {
    font-size: 1.75rem;
    margin-top: 0;
  }

  .blogsPage .highlightsec .heroRightButtons.mt40 {
    margin-top: 30px;
  }

  .upcomingNew-Events ul {
    background: var(--white) !important;
  }

  .pgphightlight-tbm-fbm .tbm-fbmTeaching .headingWrapperButton {
    gap: 30px;
  }

  .pgphightlight-tbm-fbm .tbm-fbmTeaching .headingWrapperButton {
    margin-bottom: 0;
  }

  .pgphightlight-tbm-fbm .tbmFbm-collab .coreWrapper {
    gap: 40px;
  }

  .pgphightlight-tbm-fbm .collaboration.tbmFbm-collab .coreWrapper .menaImmersionRight .newThumbnailGradientBg::after {
    position: unset;
  }

  .pgphightlight-tbm-fbm .tbm-fbmTeaching .tbmFbmSwiper .teachingVideoWrapper {
    margin-top: 0;
  }

  .menaThankYOU-page .mena-landingthakyou .cohortbox.menaLanding {
    padding: 20px 15px 40px;
  }

  .loadMoreBlogswrap {
    margin-left: 0;
  }

  header.rollup {
    top: 0 !important;
  }

  .placementRight.flexbox {
    height: unset;
    align-items: stretch;
  }

  .recuiterWrap .iconButton {
    padding: 16px;
  }

  .newHomePagePopup .popupContainer {
    max-height: calc(100% - 100px);
  }

  .tab-bussinessClub .navigationWrapper.tab-Fix-Student ul {
    background: none !important;
  }

  .tab-bussinessClub .navigationWrapper.tab-Fix-Student {
    margin-top: 0px;
    margin-bottom: 20px;
  }

  .tab-bussinessClub.bussinessclub .courseName:not(:last-child) {
    border-bottom: none;
  }

  .tab-bussinessClub .learningWrap {
    margin-top: 10px !important;
  }

  .tab-bussinessClub .tab-Fix-Student .faqtabs.addedBorder {
    border-bottom: 1px solid var(--grey18) !important;
  }

  .tab-bussinessClub .newCultureWrap {
    gap: 0px !important;
  }

  .tabFixes .headingWrap {
    gap: 2px !important;
  }

  .tabFixes .learningWrap {
    margin-top: 20px !important;
  }

  .tabFixes .masterImage img {
    height: 200px;
    object-fit: cover;
  }

  .commite-Fix-Style .learningWrap {
    gap: 5px;
    margin-top: 20px !important;
  }

  .commite-Fix-Style .investinFuture .navigationBox {
    margin-bottom: 20px;
  }

  .commite-Fix-Style .commitRight-Style .box:first-child img {
    object-fit: contain;
  }

  .commite-Fix-Style .commitRight-Style .box img {
    height: 200px;
    object-fit: cover;
    background: #171717;
    object-position: left;
    border-radius: 15px;
  }

  .ctcsection.statistics-Fix .contentNew img {
    width: 260%;
  }

  .ctcsection.statistics-Fix .statistics-Content {
    min-height: unset;
  }

  .hostelForms-fix #heading__hostelQuery {
    margin-bottom: 20px !important;
  }

  .masterRight {
    width: 100% !important;
  }

  .career-Fix-border .learningWrap {
    gap: 0;
  }

  .career-Fix-border .courseName {
    border-bottom: 1px solid var(--black5);
  }

  .knowledgeHub.career-Fix-Card {
    min-height: 560px;
  }

  .newFix {
    flex-direction: column-reverse;
  }

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

  .muHeroButtonWrap .heroRightButtons {
    padding-left: unset;
  }

  .swiper.menaSwipe .swiper-wrapper {
    overflow: unset;
  }

  .pgpRise-Mena .padding-box.menaBox-fix {
    padding: 12px !important;
  }

  /* .pgpRise-Mena .placementRight.flexbox {
    height: 289px;
  } */

  .pgpRise-Mena #highlight .placementBox .boxiBox.menaBoxsmall-fix {
    justify-content: unset !important;
    min-height: 135px !important;
  }

  .pgpRise-Mena #highlight .placementBox .boxiBox.menaBox-fix {
    min-height: 160px !important;
  }

  .pgpRise-Mena.pgprise #highlight .placementBox .pgphighlight .boxiBox.rise3rdBox {
    min-height: 126px !important;
  }

  .newVectorOnWhiteBg .masterflex {
    flex-direction: column;
    gap: 10px;
  }

  .newVectorOnWhiteBg .newMena {
    height: 390px;
    overflow: hidden;
  }

  .menaChallenges .transformJourney {
    flex-direction: column;
    gap: 40px;
  }

  .menaChallenges .transformJourney .headingRight {
    width: 100%;
    justify-content: left;
  }

  .menaChallenges .flexbox {
    flex-direction: column;
    gap: 30px;
  }

  .menaChallenges .flexbox .menaChallengeCard {
    width: 100%;
    padding: 10px;
  }

  .newCurriculum .coreWrapper {
    flex-direction: column;
    gap: 40px;
  }

  .newCurriculum .coreWrapper .box {
    width: 100%;
  }

  .newCurriculum .coreWrapper .box::after {
    position: unset;
  }

  .pgpcohort .collaboration .coreWrapper {
    gap: 40px;
  }

  .pgpcohort .collaboration .coreWrapper .menaImmersionRight .newThumbnailGradientBg::after {
    position: unset;
  }

  .menaImmersion .learningLeft {
    background: var(--black) !important;
  }

  .pgpTbmCareers .stories.blackLineBg .tabs {
    justify-content: space-around;
  }

  .fbmImgTemp img {
    max-height: 163px;
  }

  .futureForWork .tab-show {
    display: none !important;
  }

  .futureForWork .masterEssential {
    padding-top: 100px !important;
  }

  .futureForWork .programmeHeading {
    margin-top: 0;
  }

  .futureForWork .aboutEventWrapper {
    flex-direction: column;
  }

  .futureForWork .text-14 {
    font-size: 14px;
  }

  .futureForWork .text-18 {
    font-size: 18px;
  }

  .futureForWork .meetMasterFlexWrap {
    flex-direction: column;
  }

  .futureForWork .LeaderlogisticsWrapper {
    padding: 20px;
  }

  .futureForWork .timeLineWrapper {
    padding: 20px;
    overflow: scroll;
  }

  .futureForWork .timeLineContent {
    min-width: 280px;
    padding: 12px;
    justify-content: flex-start;
  }

  .futureForWork .timeLineContentWrap {
    flex-direction: column;
    align-items: flex-start;
  }

  .futureForWork .isItForYouWrapper {
    overflow: auto;
  }

  .futureForWork .isItForYouContent {
    min-width: 280px;
    gap: 8px;
  }

  .futureForWork .masterMindWrapper {
    flex-direction: column;
  }

  .futureForWork .futureWrapper {
    flex-direction: column;
    gap: 60px;
  }

  .futureForWork .form_grouping {
    flex-direction: column;
  }

  .futureForWork .registerForm {
    padding: 30px 15px;
  }

  .futureForWork .codeinsidePhone select {
    width: 30%;
  }

  .LeaderProgramme #growingDiv {
    max-height: 1251px !important;
    top: 9%;
  }

  .lateralBreaker {
    flex-direction: column;
  }

  .lateralBreaker .backgroundVector {
    width: 100%;
  }

  .pgphighlight.landingPage .highlightsec {
    padding-top: 100px !important;
  }

  .pgphighlight.landingPage .heroWrapper .heroright {
    width: 100%;
  }

  .pgphighlight.landingPage .heroWrapper {
    gap: 60px;
  }

  .blackboxBtnHeading {
    font: 28px "go-bold";
  }

  .newEventLeadsBigPopup .popupContainer {
    padding: 20px !important;
  }

  .newEventLeadsBigPopup #form_heading {
    max-width: 80%;
  }

  .newEventLeadsBigPopup .zmrpad {
    padding: 13px 12px;
  }

  .menaHeroBanner .abourherovid {
    left: 0;
    top: 0;
  }

  .teaching .stickyhead {
    position: unset;
  }

  .teaching .learningRight {
    width: 100%;
  }

  .teaching .learningRight .box {
    padding: 20px 15px;
  }

  .teaching .learningLeft {
    max-width: 100% !important;
    position: sticky;
    top: 6rem;
    background: #fafafa;
    z-index: 10;
    padding-block: 15px;
  }

  .teaching .courseName.active {
    padding-left: 0;
  }

  .ugMastervideo .masterflex,
  .ugbannerWrap .masterflex {
    flex-direction: column;
    /* align-items: flex-start; */
  }

  .ugbannerWrap.breather {
    align-items: flex-start;
    padding-block: 20px;
  }

  .masterflex.aligncenter {
    flex-direction: column;
    gap: 30px;
  }

  .masterflex.aligncenter .masterRight {
    width: 100%;
    display: block !important;
  }

  .menaMission .missionBtn {
    padding: 10px 15px;
  }

  .ugPsychologyMarketing .masterRight {
    width: 100% !important;
  }

  .ugPsychologyMarketing .psyFeeStructure h2 {
    color: var(--black) !important;
  }

  .ugPsychologyMarketing .psyJobRolesWrap {
    gap: 10px;
  }

  .ugPsychologyMarketing .psyJobRolesWrap .potJobRoles {
    font-size: 13px;
  }

  .ugPsychologyMarketing .psyJobRolesWrap img {
    width: 14px;
  }

  .ugPsychologyMarketing .psyStudentXperience .swiper-slide {
    background: var(--black5) !important;
  }

  .ugPsychologyMarketing .psyStudentXperience .swiper-slide .alumniName {
    color: var(--white) !important;
  }

  .ugPsychologyMarketing .psyStudentXperience .swiper-slide .alumniName span {
    color: var(--white) !important;
  }

  .ugPsychologyMarketing .psyJourney .floatingLinksBoxWrap {
    display: block;
  }

  .ug-breather .masterflex {
    flex-direction: column;
    gap: 30px;
  }

  .ug-breather .masterflex .masterRight {
    width: 100%;
  }

  .programme-cards-wrapper {
    gap: 0;
    /* overflow: unset; */
  }

  .programme-cards-wrapper .contentLeft {
    padding: 5px 5px 0;
  }

  .programme-cards-wrapper .programme-cards {
    padding: 10px;
    /* min-width: 360px; */
  }

  .programme-cards-wrapper .dataAvailable {
    margin-top: 10px;
  }

  .counsellorLeft {
    padding: 20px;
  }

  .programRelative {
    position: unset;
    padding: 55px 0 30px;
  }

  .ContactUsPage .right-section {
    width: 100%;
  }

  .ContactUsPage .left-section {
    width: 100%;
  }

  .ContactUsPage .contactusWrapper {
    flex-direction: column-reverse;
    margin-top: 60px;
  }

  .meetMaster.NewMeetMaster {
    padding-top: 120px !important;
  }

  .meetMaster.NewMeetMaster .opportunityWrapper {
    margin-top: 30px;
  }

  .finishedForm .congrats-box {
    width: 100%;
  }

  .finishedForm .fixingthankuResponsive svg {
    max-width: 70%;
  }

  .mt60 {
    margin-top: 30px !important;
  }

  .adWrapper {
    padding-top: 100px !important;
  }

  .newPhoneCode {
    width: 42% !important;
  }

  .adCardDetail {
    flex-direction: column;
    gap: 20px;
    margin-top: 10px;
    align-items: flex-start !important;
  }

  .mob-wd-70 {
    width: 70%;
  }

  .newflexbox {
    flex-direction: column;
  }

  .newflexbox.pgp-tbmEvent {
    align-items: flex-start;
  }

  .newflexbox.pgp-tbmEvent .newPhoneCode {
    width: 100% !important;
  }

  .newflexbox .inputGroup {
    width: 100%;
  }

  .congrats-box {
    text-align: center;
    width: 100%;
  }

  .ughighlight .studyAbroad .masterflex {
    flex-direction: column;
  }

  .ughighlight .studyAbroad .masterflex .masterRight {
    width: 100%;
  }

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

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

  .counsellorRight {
    display: none;
  }

  .adPageEvents {
    grid-template-columns: none;
    row-gap: 40px;
  }

  .adPage .adTitle {
    font-size: 20px !important;
  }

  .adPage .adSubtitle {
    font-size: 14px !important;
  }

  .adPage .adCardsWrapper {
    grid-template-columns: none !important;
    grid-template-rows: 1fr;
  }

  .attentWebinar .adTitle {
    font-size: 20px !important;
  }

  .attentWebinar .adSubtitle {
    font-size: 14px !important;
  }

  .attentWebinar .adCardsWrapper {
    grid-template-columns: none !important;
    grid-template-rows: 1fr;
  }

  .startApplication .startApplicationWrapper {
    padding: 20px !important;
    max-width: 100%;
  }

  .pgprise .abouttimeline .sticky {
    position: unset;
    padding-bottom: 50px;
  }

  /* challenge page css start */

  .challenges-tabs {
    justify-content: space-evenly !important;
  }

  .challengesCohortSelectWrap .teachingHeadWrap {
    align-items: flex-start !important;
  }

  .challengeHeadingWrap {
    width: unset !important;
  }

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

  .leftContent {
    max-width: 100%;
  }

  .bigFourChallenges .black-bg {
    padding: 0 0 60px !important;
  }

  .bigFourChallenges .byCohortStudent .challengeHeadingWrap {
    gap: 10px;
  }

  .bigFourChallenges .byCohortStudent .challengeHeadingWrap a>img {
    width: 25px;
  }

  .bigFourChallenges .tabbox {
    min-height: 270px;
  }

  .bigFourChallenges .byCohortStudent .tabbox {
    min-height: 314px;
  }

  .bigFourChallenges .challengesHeader {
    padding: 30px 0;
  }

  .challengesHeadWrap {
    flex-direction: column;
  }

  /* challenge page css end */
  .educationright .headWrap {
    width: 100%;
  }

  .gtmThanksWrapper {
    flex-direction: column;
    padding-top: 60px;
  }

  .cohortbox {
    width: 100% !important;
    margin: unset !important;
  }

  .thanks-wrapper-left {
    width: 100% !important;
  }

  .eventsMenu .gradientButton button {
    padding: 7px 18px;
  }

  .pgp-rise-v2 .programmeHeading {
    font: 20px "go-semibold";
  }

  .pgp-rise-v2 .headWrap {
    width: 100%;
  }

  .pgp-rise-v2 .placementBox {
    border-radius: unset;
  }

  .pgp-rise-v2 .boxiData {
    font: 12px "go-medium";
    color: var(--grey15);
  }

  .pgp-rise-v2 .boxiHeading {
    font: 16px "go-semibold";
    color: var(--black);
  }

  .pgp-rise-v2 .texthead {
    border: none;
    padding: 0 !important;
  }

  .pgp-rise-v2 .heroWrapper .left {
    width: 100%;
  }

  .pgp-rise-v2 .opportunityWrapper .masterBox {
    max-width: unset;
    min-width: unset;
    min-height: unset;
  }

  .pgp-rise-v2 .opportunityWrapper {
    overflow: unset;
  }

  .deg-blackBg {
    padding-top: 120px !important;
  }

  .deg-btnWrapper {
    flex-direction: column;
  }

  .verifyCertificate .mb-8 {
    margin-bottom: 20px;
  }

  .deg-masterhead {
    margin-bottom: 30px !important;
  }

  .inputSpace {
    flex-direction: column;
  }

  .urbanCampus {
    padding: 100px 0 80px !important;
  }

  .cookie-sub-heading {
    font: 20px "go-semibold";
  }

  .cookie-heading {
    font: 34px "go-semibold";
  }

  .cookie-policy {
    padding: 100px 0 80px !important;
  }

  .cookie-content {
    font-size: 14px;
  }

  .hsslyellowPetals::after {
    left: 45%;
  }

  .highXtraMargin,
  .highXtraMargin2 {
    margin-top: 5px;
  }

  .hsslHeroFold {
    padding: 60px 0;
  }

  .highCardLi p {
    font-size: 14px;
  }

  .hsslTitle,
  .hsslTitleYellow {
    font-size: 40px;
  }

  .hsslTitleYellow:before {
    left: -20px;
    top: 10px;
    width: 18px;
  }

  .herOContent {
    padding: 0 6px;
  }

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

  .teamLikes {
    font-size: 7.094px;
  }

  .hsslTeam:first-child .teamLikes {
    top: 77%;
  }

  .hsslTeam:nth-child(2) .teamLikes {
    top: 80%;
  }

  .hsslTeam:last-child .teamLikes {
    top: 81%;
  }

  .h-leaderBoard::after {
    left: 57.5%;
  }

  .heroScoreTv {
    padding: 0 20px;
  }

  .hsslteamDetails {
    padding: 60px 0;
  }

  .teamList {
    overflow-x: auto;
    width: 100%;
  }

  .resultLabelHeader,
  .resultLabel {
    width: 100%;
    min-width: 1250px;
  }

  .resultLabelHeader p {
    text-wrap: nowrap;
  }

  .resultLabel p {
    text-wrap: nowrap;
  }

  .hsslInsights {
    flex-direction: column;
  }

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

  .hsslLeaderboard {
    padding: 60px 0;
  }

  .hsslSubTitle {
    font-size: 16px;
  }

  .hsslTeamName {
    font-size: 9.823px;
    font-family: "MintMedium";
  }

  .insightContainer {
    max-width: 100%;
  }

  .hssl-timer {
    gap: 10px;
    justify-content: center;
  }

  .insightContainer2 {
    padding: 30px 15px;
    max-width: 100%;
  }

  .teamDetailWrapper {
    flex-direction: column-reverse;
  }

  .testimonialWrapper {
    flex-direction: column;
  }

  .hsslBtnWrapper {
    padding-inline: 0;
    flex-direction: column;
    margin-top: 0;
    margin-bottom: 0;
    gap: 15px;
  }

  .scrollWrapper .currVotes {
    padding: 0;
  }

  .currVotes>div:first-child {
    max-width: 70%;
  }

  .currVotes>div {
    max-width: 100%;
  }

  .currVotes>div:last-child {
    max-width: 30%;
  }

  .teamName::after {
    left: 46.5%;
  }

  .hsslBtnWrapper a {
    max-width: 100%;
  }

  .highPreviousWrapper .mastersRoaster {
    max-width: 100%;
  }

  .highPreviousYrHighlights .nav-arrow {
    margin-top: 20px;
  }

  .highHero {
    padding: 60px 0;
  }

  .highHeroWrapper {
    flex-direction: column;
  }

  .highTitle {
    font-size: 40px;
  }

  .summerStartupForm .highHeading {
    font-family: "MintBold";
  }

  .highsubTitle {
    font-size: 16px;
  }

  .highClass p {
    font-size: 14px;
  }

  .highBtnGroup {
    flex-direction: column;
    margin-top: 30px !important;
    gap: 10px;
    align-items: flex-start;
  }

  .highAbout {
    padding: 60px 0 0;
  }

  .highDescpWrapper {
    flex-direction: column-reverse;
    gap: 40px;
    padding-block: 40px;
  }

  .descpRight {
    padding-inline: 15px;
  }

  .descpRight .highEnrollBtn {
    width: 100%;
  }

  .highQualifierWrapper {
    flex-direction: column;
    margin-top: 30px;
  }

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

  .highMobStartup {
    display: flex;
    gap: 20px;
  }

  .highParticipate {
    padding: 60px 0;
  }

  .highParticipateWrapper {
    flex-direction: column;
  }

  .highHeading {
    font-size: 30px;
    font-family: "go-extrabold";
  }

  .highPreviousYrHighlights .roastersDetail .highHeading {
    font-family: "go-extrabold";
  }

  .highQualifier {
    padding: 60px 0;
    background: url("https://cdn.mastersunion.link/assets/highQualifierBgMob.png");
  }

  .hSchoolWrapper {
    gap: 45px;
  }

  .descpRight .highHeading::after {
    left: unset;
    margin-left: 5px;
  }

  .highSchoolSlider {
    max-width: 100%;
  }

  .highSchoolSlider video {
    border-radius: 12px;
  }

  .highParticipateWrapper .highHeading::after {
    top: 34px;
    left: unset;
    margin-left: 5px;
  }

  .highPreviousYrHighlights {
    padding: 60px 0;
  }

  .highSubmitBtn {
    max-width: 100%;
  }

  .highPreviousWrapper {
    flex-direction: column;
    gap: 50px;
  }

  .h-list p {
    font-size: 14px;
  }

  .catalogueContentOuter {
    width: calc(100% - 0px);
  }

  .positionTranslate {
    margin-top: -360px;
  }

  .inTheNews .newsWrapper {
    gap: 10px;
  }

  .meetMaster .masterBoxMobOuter {
    gap: 0;
  }

  .newFeeouter {
    padding: 20px;
  }

  .faq .lightMuVector::after {
    height: 100%;
    bottom: -32%;
  }

  .pgprise #highlight .placementBox .boxiBox.rise3rdBox {
    min-height: 130px !important;
  }

  .knowledgeHub .nearbyBoxWrapper {
    height: unset;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 10px;
    gap: 50px;
  }

  .nearbyBoxWrapper {
    padding: 20px 15px;
    flex-direction: column;
    gap: 30px;
  }

  .nearbyBoxWrapper .muRestraunt {
    gap: 0;
  }

  .nearbyBoxWrapper .nearbycontentWrap {
    min-width: unset;
  }

  .nearbyBoxWrapper .leftbox {
    max-width: 100%;
  }

  .nearbyBoxWrapper .rightbox {
    width: 100%;
    max-width: 100%;
  }

  .nearbyBoxWrapper .rightbox.box1 {
    max-width: 100%;
    max-height: unset;
  }

  .nearbyBoxWrapper .rightbox.box2 {
    max-width: 100%;
    max-height: unset;
  }

  .nearbyBoxWrapper .rightbox.box3 {
    max-width: 100%;
    max-height: unset;
  }

  .hostel .knowledgeHub .learningWrap {
    min-height: unset;
  }

  .hostel .knowledgeHub .learningRight {
    width: 100%;
  }

  .hostel .knowledgeHub .learningLeft .faqtabs {
    padding: 12px;
    background: var(--black5);
    color: white;
    margin-top: 15px;
    width: 100%;
    border-radius: 12px;
    overflow: auto;
  }

  .hostel .knowledgeHub .learningLeft .faqtabs .courseName {
    color: white;
    min-width: max-content;
    border: none;
  }

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

  .studentLifeCampus .knowledgeHub .learningLeft .faqtabs {
    padding: 12px;
    background: var(--black5);
    color: white;
    margin-top: 15px;
    width: 100%;
    border-radius: 12px;
    overflow: auto;

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

  .studentLifeCampus .knowledgeHub .learningLeft .faqtabs .courseName {
    color: white;
    min-width: max-content;
    border: none;
  }

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

  .pgphighlight.pgprise .pgpMapSustain {
    margin-top: 0;
  }

  .greybox {
    padding: 15px !important;
  }

  .greybox::after {
    width: 40% !important;
    top: 52% !important;
    left: 68% !important;
  }

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

  .ugCareerPotential .mastersList li>img {
    width: 100%;
  }

  .stratergySection .mastersBoxWrapper {
    flex-wrap: nowrap;
  }

  .content-section.new {
    padding: 20px 0;
    background: none;
    border: none;
  }

  .careerJourneyWrapper ul li {
    position: relative;
    padding-left: 20px;
    height: 100%;
  }

  .careerJourneyWrapper ul li img {
    position: absolute;
    top: 3px;
    left: 0;
  }

  .ctcCompontentWrap .ctcCompLeftSide {
    background: var(--black4);
  }

  .caution {
    /* align-items: flex-start; */
  }

  .caution p {
    font-family: "go-regular";
  }

  .supportWrap .masterleft {
    width: 100% !important;
  }

  .mobileFlex {
    flex-direction: column;
  }

  .mobileFlex .masterImage {
    width: 100%;
  }

  .outclassBox h4 {
    font-size: 16px;
  }

  .footerLinksWrap.box1 {
    max-width: 100%;
  }

  .footerLinks {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 25px;
  }

  .footerLink {
    min-width: none;
  }

  .multiListWrap {
    max-width: 100%;
  }

  .milestonesMobWrap {
    flex-direction: column-reverse;
    gap: 30px;
  }

  .inclassBoxWrapper br {
    display: none;
  }

  .educationJourney.roles .left {
    padding: 0;
  }

  .smallHeading {
    font: 1.3rem "go-bold";
    width: 100%;
  }

  .muafterCareer .highlightsec .right {
    width: 100%;
  }

  .featAmenities {
    background: white;
  }

  .featureWrapper {
    flex-direction: column;
  }

  .featAmenities .getpreppedList {
    width: 100%;
  }

  .eventBindWrapper {
    flex-direction: column;
  }

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

  .teachingVideoWrapper .masterBox {
    min-width: 350px;
  }

  .newsWrapBox.black {
    display: none;
  }

  .scheduleImgBox {
    overflow: scroll;
    width: 100%;
  }

  .scheduleImgBox img {
    min-width: 1280px;
  }

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

  .coreWrapper .box {
    width: 50%;
  }

  .coreWrapper .corelottie {
    height: 100%;
    width: 100%;
    scale: 1;
  }

  .newEvents {
    padding-top: 55px;
  }

  .newLinksz {
    padding: 0 !important;
    top: 3rem;
  }

  .inner-tabs {
    gap: 50px;
    padding: 30px 0;
    width: 100%;
    justify-content: space-around;
  }

  .newEventCard {
    max-width: 100%;
  }

  .newEventCard .eventImage {
    width: 100%;
  }

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

  .leftFilters {
    max-width: 100%;
    position: static;
  }

  .rightEvents,
  .grid-event-container {
    grid-template-columns: 1fr;
  }

  .bgHeroImage {
    height: 100%;
    object-fit: cover;
    object-position: top;
  }

  .facultyCards {
    width: 100% !important;
  }

  .readmoreNews {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 15px;
    font-family: "go-semibold" !important;
  }

  .beatinglistWrapper-new {
    margin-top: 0;
  }

  .getpreppedWrapper .box:last-child {
    position: relative;
    z-index: 10;
  }

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

  .scalebig {
    scale: 1.4;
    left: 5%;
    position: relative;
  }

  .studentJourney .content-section .content {
    overflow-x: auto;
  }

  .leedScore {
    padding: 60px 0;
  }

  .faqWrapper.mt0 {
    margin-top: 0;
  }

  .becomeamaster .heroWrapper .left {
    width: 100%;
  }

  .ugadmission .feeDetailBoxes {
    overflow: unset;
  }

  .careerjourney .content-section {
    max-height: unset;
  }

  .arrowright {
    left: -3%;
  }

  .transbox .box2col p:first-child {
    max-width: 100%;
    width: 100%;
  }

  .ctcCompRightSide>img {
    min-width: 575px;
  }

  .ctcCompontentWrap .ctcCompRightSide {
    overflow: auto;
    padding-bottom: 20px;
  }

  .master-table tr th:nth-child(4) {
    width: 7% !important;
  }

  .pgphighlight .master-table th:first-child {
    width: 7% !important;
  }

  .pgphighlight .master-table tr th:nth-child(2) {
    width: 10% !important;
  }

  .faqquestionWraps,
  .faqquestionWrap {
    border: 0.5px solid var(--black5);
  }

  .faqWrapBox .faqquestionWraps,
  .faqquestionWrap {
    border: 0.5px solid var(--grey4);
  }

  .w-35 {
    width: 50%;
  }

  .pgphighlight .gridBox:hover .overLayDetail {
    padding-bottom: 20px;
  }

  .classEffect:hover::before {
    height: 110%;
  }

  .classEffect::after {
    top: 1%;
  }

  .backgroundVector {
    margin-top: 20px;
  }

  .pgphighlight .homeAlumni .swiper-slide {
    background: var(--white);
    padding: 10px;
    border-radius: 12px;
  }

  .pgphighlight .homeAlumni .swiper-slide .alumniName {
    color: var(--black);
  }

  .pgphighlight .homeAlumni .swiper-slide .alumniName span {
    color: var(--black);
  }

  .pgphighlight .homeAlumni .swiper-slide .alumniDesgination {
    color: var(--grey);
  }

  .pgphighlight .homeAlumni {
    background: var(--grey7);
  }

  .mt45 {
    margin-top: 30px;
  }

  .learningRight .box h3 {
    font: 1rem "go-medium";
  }

  .faqHeading {
    font-size: 0.875rem;
  }

  .blackSwiperCard {
    padding: 40px 20px 30px;
  }

  .eduboxBtn {
    display: none;
  }

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

  .outclassBox>img,
  .outclassBox .masterImage {
    max-height: unset;
    max-width: unset;
  }

  .outclassBox .masterImage .masterPlay>img {
    width: unset !important;
  }

  .curriculum .eduBoxWrapper {
    overflow: auto;
  }

  .curriculum .eduDetailBox {
    min-width: 280px;
  }

  .fellowshipVideoWrapper {
    padding: 15px;
    flex-direction: column;
    gap: 20px;
    max-width: 100%;
  }

  .fellowshipVideo {
    padding: 40px 0 !important;
  }

  .womenBox {
    margin-top: 30px;
  }

  .collaboration .content.active {
    padding-bottom: 20px;
  }

  .ctcCompontentWrap ::-webkit-scrollbar-thumb {
    display: block;
  }

  .journey ::-webkit-scrollbar-thumb {
    display: block;
  }

  .collaboration ::-webkit-scrollbar-thumb {
    display: block;
  }

  .ctcsection ::-webkit-scrollbar-thumb {
    display: block;
  }

  .curri-course ::-webkit-scrollbar-thumb {
    display: block;
  }

  .schedule ::-webkit-scrollbar-thumb {
    display: block;
  }

  .pgpTimelineSec ::-webkit-scrollbar-thumb {
    display: block;
  }

  .feestructure ::-webkit-scrollbar-thumb {
    display: block;
  }

  .font-20 {
    font-size: 1rem;
    line-height: 160%;
  }

  .contentLeft .font-14 {
    font-size: 12px;
  }

  .teachingVideoWrapper .masterBox h5 {
    font: 14px "go-regular";
  }

  .heroSection .overlayHero {
    background: unset;
  }

  .transparentButton button {
    min-width: 270px;
    justify-content: center;
  }



  .heroButtonWrap.flexbox {
    justify-content: flex-start;
    align-items: flex-start;
    gap: 30px;
  }

  .pd-30 {
    padding: 40px 0 0;
  }

  .flexWrapper {
    flex-direction: column;
  }

  .highlightsec .socialLinks {
    width: max-content;
  }

  .about .gridBox:nth-child(2) {
    width: 100%;
  }

  .missionLeft .missionHeading {
    color: var(--black);
    font-size: 1.6rem;
  }

  .eventTag strong {
    font-size: 0.75rem;
  }

  .founderCXO .sectionHeading {
    margin-top: 0;
  }

  .placementBox .boxiBox {
    min-height: 140px !important;
  }

  .nextgenBox p {
    color: var(--black);
  }

  .hash1 {
    max-width: 46px;
  }

  .cutting-edge-wrapper-new .right,
  .cutting-edge-wrapper-new .left {
    width: 100%;
  }

  .cutting-edge-wrapper-new {
    flex-direction: column;
  }

  .leftHead,
  .leftHeadingtext {
    width: 100%;
  }

  .mastersBoxWrapper .masterBox {
    min-width: 88%;
    min-height: 250px;
    width: 100% !important;
  }

  .muafterCareer .seondtabs {
    padding: 10px;
  }

  .commiteeFuture .learningLeft {
    max-width: 100%;
  }

  .downloadPlacement {
    width: 100%;
  }

  .newtabs {
    overflow: auto;
  }

  .newtabs li {
    min-width: max-content;
  }

  .engage.journey .contentWrap {
    padding: 10px;
  }

  .engagementTabs .faqtabs {
    flex-direction: row !important;
    width: 100%;
  }

  .engagementTabs {
    flex-direction: column;
  }

  .masterbannerevents .masterPlay.bannerButton {
    width: 100%;
    top: -128px;
  }

  .subHeadingtxt {
    margin-top: 20px;
  }

  .rolesandresp .content-section {
    max-height: unset;
  }

  .text18 {
    font-size: 1rem;
  }

  .getpreppedWrapper .box:nth-child(1) {
    width: 100%;
  }

  .getpreppedWrapper .box:nth-child(2) {
    width: 100%;
  }

  /* .getprepped {
    padding-bottom: 0 !important;
  } */

  .absoluteGradient {
    position: absolute;
    bottom: 0;
    left: -1px;
    z-index: 0;
    height: 44%;
    width: 100%;
  }

  .journey .content-section .active {
    padding: 0;
    background: transparent;
  }

  .stickymenu {
    top: 3.3rem;
  }

  .mob-col {
    flex-direction: column;
    gap: 15px;
  }

  .teaching .tabinnerleft {
    width: 100%;

    .w-46 {
      width: 100%;
    }
  }

  .teaching .masterImage {
    width: 100%;
  }

  .bottomBoxWrap {
    flex-direction: column;
  }

  .topbox {
    max-width: 100%;
  }

  .ytshortsWrapper {
    flex-direction: column;
  }

  .ytshortsWrapper .headingWrap {
    max-width: 100%;
  }

  .newsWrapper {
    flex-wrap: nowrap;
    overflow: auto;
    gap: 0;
  }

  .newsWrapper .intheNewsSlider {
    min-width: 80%;
    max-height: 289px !important;
  }

  .newsWrapBox {
    min-width: 67%;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
  }

  .newsWrapBox img {
    max-width: 200px;
    width: 100%;
  }

  .insideOuterBox {
    padding: 10px;
  }

  .spVideo {
    padding: 60px 0;
  }

  .spVideoWrapper {
    padding: 20px;
  }

  /* shubham mob-fix */

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

  .newsPgp {
    max-width: 100%;
    align-items: center;
  }

  .getpreppedWrapper {
    flex-direction: column;
    gap: 30px;
    padding: 30px 20px;
  }

  .gradientMuBg.feestructure {
    padding: 50px 0 0 0 !important;
  }

  .feeDetails {
    padding-bottom: 0 !important;
  }

  .feeContainer .menuItems .menuItem img {
    min-width: 110px;
  }

  .learningWrap {
    flex-direction: column;
    padding-left: 0;
    gap: 30px;
    margin-top: 60px !important;
  }

  .mt30-mob {
    margin-top: 30px !important;
  }

  .homepage .homeEvents .eventImg>img {
    min-height: unset;
    height: unset;
  }

  .homepage .homeEvents .eventImg {
    max-height: unset;
    height: unset;

  }

  .mobMenuHeader .logo {
    width: 40%;
  }

  .inclassList.new li {
    width: 100%;
  }

  .knowledgeHub .learningWrap {
    flex-direction: column;
    gap: 0;
  }

  #loadMoreMastersBtnDiv {
    margin-top: 0 !important;
  }

  .inclassBox.new .inclassList.new li {
    width: 47%;
  }

  .quizbtnWrapper {
    flex-direction: column;
    gap: 20px;
    align-items: baseline;
  }

  .Quetioncard .form-footer {
    margin-top: 30px;
  }

  .homepage .journey .content-section {
    max-height: unset;
  }

  .insideoutsideWrapper.overflow {
    max-height: unset;
    gap: 30px;
  }

  .width-50 {
    width: 100%;
  }

  .menuLogo {
    width: 38%;
  }

  .breatherHeading {
    width: 100%;
  }

  .headingWrap.masterleft {
    width: 100%;
  }

  .contentSide.new {
    padding-left: 15%;
  }

  .mastersBox-Card-Height .swiper-slide .masterBox {
    min-width: 100%;
  }

  .insideBox.outsideBox {
    min-width: unset;
  }

  .ApplyNow .popupContainer {
    width: 100%;
    padding: 40px 20px !important;
  }

  .teachingVideoWrapper::-webkit-scrollbar-thumb {
    display: block;
    background: var(--grey3);
  }

  .globalUnique .teachingVideoWrapper::-webkit-scrollbar-thumb {
    display: block;
    background: var(--grey4);
  }

  .scheduleImgBox::-webkit-scrollbar-thumb {
    display: block;
    background: var(--grey);
  }

  .ctcCompontentWrap .ctcCompRightSide::-webkit-scrollbar-thumb,
  .ctcsection .content::-webkit-scrollbar-thumb {
    display: block;
    background: var(--grey);
  }

  .mediright.mob-visible {
    padding: 20px 0 10px;
  }

  .programtabLists li h3 {
    font: 0.813rem "go-semibold";
  }

  .programsTabs {
    padding: 20px 0 !important;
  }

  .programtabLists li p {
    font: 0.625rem "go-regular";
  }

  .swiper-wrapper {
    padding: 0;
  }

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

  .downloadPlacement .wrapperinputCompanies .thinBorder {
    margin-top: 20px;
  }

  .downloadPlacement .wrapperinputCompanies {
    flex-direction: column;
    margin-top: 20px;
    align-items: flex-start;
  }

  .journey .navigationWrapper {
    margin-bottom: 10px;
  }

  .newclass .navigationWrapper {
    margin-bottom: 20px;
  }

  .boardLeaderSectionnew .navigationWrapper {
    margin-bottom: 20px;
  }

  .placementLeft>img {
    width: 100%;
  }

  .journey .content-section {
    max-height: unset;
    width: 100%;
  }

  .Quetioncard .gradientCard.blackcard {
    max-height: unset;
  }

  .gridBox:hover .overLayDetail {
    padding-bottom: 60px;
  }

  .inlineheadingSvg {
    align-items: center;
  }

  .inlineheadingSvg img {
    width: 35%;
  }

  .mob-mt-15 {
    margin-top: 15px;
  }

  .aloneImg {
    overflow: auto;
  }

  .aloneImg img {
    min-width: 1010px;
  }

  .flexwrap {
    flex-wrap: wrap;
  }

  .ughighlight .heroWrapper .heroright::after {
    display: none;
  }

  .darkHeader.shrikIt {
    top: 0 !important;
  }

  .mission {
    height: auto;
  }

  .missionButtonWrap {
    top: 13%;
  }

  .fixedMission {
    top: 0%;
    /* top: 23%; */
  }

  .ughighlight .events .masterbanner {
    min-height: 550px;
  }

  .stories.events .gradientUnderline::after {
    background: url("https://files.mastersunion.link/resources/svg/smallgradient.svg");
    background-repeat: no-repeat;
  }

  .companies .select-form {
    width: 100%;
    margin: 0;
  }

  .storyswiper .swiperBtnWrap.mob-visible {
    position: unset;
    display: flex !important;
    justify-content: end;
    gap: 10px;
  }

  .cohortTabs .blackTabs {
    justify-content: space-between;
  }

  .muAfterHomepage .masterinner {
    padding: 0;
  }

  .muAfterHomepage .highlightsec .heroWrapper {
    padding-bottom: 0;
  }

  .selectingStudents.whiteLineBg {
    background: none;
  }

  .cyberpark .headingWrapperButton .headingRight {
    flex-direction: row;
  }

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

  .afterMuStudentLife .homeAlumni .headingRight.mob-visible {
    flex-direction: row-reverse;
    margin-right: 15px;
    justify-content: end;
  }

  .studentMobImg {
    padding: 20px 0;
  }

  .studentlifecampus .bg-grey .lightMuVector::after {
    filter: brightness(5.5);
  }

  .studentlifecampus .knowledgeHub .swiper-slide {
    width: 100% !important;
    background: none;
    padding: 15px;
  }

  .elevateBox>img {
    width: 100%;
  }

  .elevateBox {
    width: 98%;
  }

  .elevateBlackBox .group img {
    width: 14px;
  }

  .elevateBlackBox {
    padding: 20px 15px;
  }

  .elevateBlackBox .group {
    padding: 10px 0;
  }

  .elevateBlackBox .group p {
    font: 0.875rem "go-regular";
  }

  .elevateBlackBox .group {
    padding-top: 10px;
  }

  .classSessionleft img,
  .classSessionRight img {
    min-height: unset;
    min-width: unset;
    max-width: 100%;
    width: 100%;
    max-height: unset;
  }

  .cyberpark .subText {
    font: 0.813rem "go-regular";
  }

  .studentlifecampus .knowledgeHub .courseName:not(:last-child) {
    border-bottom: none;
  }

  .engagementsAtUnion .lightMuVector::after {
    filter: brightness(5.5);
  }

  .alumniheroLeft .top {
    padding-bottom: 20px !important;
    gap: 8px !important;
  }

  .alumniheroLeft .end {
    margin-top: 20px !important;
  }

  .alumniheroLeft .mid {
    padding: 20px 0 !important;
    min-height: 222px !important;
    align-items: center;
  }

  .graduateReviews .header .lightMuVector::after {
    filter: brightness(1);
  }

  .companies .graduateReviews .alumniSpotlightWrap {
    margin-top: 20px;
  }

  .bgBlackFlexWrap .headingBgblackWrap h2 {
    font: 2.5rem "go-bold";
  }

  .headingBgblackWrap.highlightBanner {
    background: none;
  }

  .bgBlackFlexWrap .headingBgblackWrap p {
    font: 0.875rem "go-regular";
  }

  .cohort .highlightBanner span {
    font: 2.25rem "go-bold";
    line-height: 150%;
  }

  .companies .cohort .bgBlackFlexWrap .headingBgblackWrap {
    padding: 0 !important;
  }

  .ugbeatingHearts .whiteBgHead .lightMuVector::after {
    bottom: -15%;
  }

  .listingpage .highlightsec .heroWrapper {
    padding-bottom: 0;
  }

  .listingpage .courseRoster-selectCaret {
    bottom: 45%;
  }

  .events .gradientUnderline::after {
    scale: 0.7;
    background-repeat: no-repeat;
    bottom: -52%;
    left: -16%;
  }

  .workwithus .degreeWrapper {
    gap: 30px;
  }

  .masterbanner .contenttxt p {
    margin-top: 10px;
  }

  .pgpcohort .cohortwrapper {
    gap: 20px;
  }

  .cohortwrapper .cohortCompany {
    font: 0.875rem "go-medium";
  }

  .cohortTabs .lightMuVector::after {
    filter: brightness(5.5);
  }

  .careerPotential .lightMuVector::after {
    filter: brightness(5.5);
  }

  .educationJourney .mastersList {
    gap: 20px;
  }

  .careerPotential .educationJourney .contentWrap h5 {
    font: 1rem "go-medium" !important;
  }

  .mastersList .contentWrap {
    gap: 5px;
  }

  .careerPotential .educationJourney {
    margin-top: 0;
  }

  .careerPotential .navigationWrapper {
    margin: 20px 0;
  }

  .pgpcohort .cohortwrapper .box2col>img {
    min-width: 70px !important;
    max-width: 70px !important;
    max-height: 70px !important;
  }

  .pgpcohort .cohortwrapper .cohortCompany {
    font: 0.875rem "go-medium";
  }

  .pgpcohort .cohortwrapper .box2col {
    flex-direction: row;
    max-width: 100% !important;
    padding: 0;
  }

  .pgpcohort .cohortwrapper {
    flex-direction: column;
    flex-wrap: unset;
    gap: 20px !important;
  }

  .pgpcohort .cohortTabs .mt45 {
    margin-top: 30px;
  }

  .pgpcohort .cohorttab {
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .pgpcohort .studentMainWrapper {
    flex-direction: column-reverse;
  }

  .studentPercentageBox h4 {
    font: 1.5rem "go-medium";
  }

  .pgpcohort .studentJourney .subHeading {
    margin-top: 0 !important;
  }

  .pgpcohort .studentMainWrapper {
    gap: 15px !important;
  }

  .studentJourney .lightMuVector::after {
    filter: brightness(5.5);
  }

  .homeEvents .eventData {
    width: 100%;
  }

  .investinFuture .mb40 {
    margin-bottom: 20px;
  }

  .feeProcessContainer .header p {
    font: 0.813rem "go-regular" !important;
  }

  .careerJourneyWrapper .careerBox ul {
    gap: 8px;
    margin-top: 10px;
  }

  .careerteam .lightMuVector::after {
    filter: brightness(5.5);
  }

  .careerJourneyWrapper .careerBox {
    padding: 10px 10px 20px;
  }

  .wd-15 {
    width: 100% !important;
  }

  .wd-12 {
    width: 100% !important;
  }

  .wd-20 {
    width: 100% !important;
  }

  .box.greybg {
    min-height: unset;
  }

  .mastersListDetails {
    padding: 10px 20px;
    gap: 6px;
  }

  .mastersListDetails>img {
    top: 15px;
  }

  .whiteMuBg.curri-course {
    background: var(--white);
  }

  .weightage .heading {
    font: 1.125rem "go-semibold";
  }

  .weightage .number {
    font-size: 1rem;
  }

  .classEffect::before {
    background: var(--black5);
    transition: 0.4s ease-in;
    height: 111%;
    top: 1%;
  }

  .classEffect:nth-child(2):before {
    background: var(--black5);
    transition: 0.4s ease-in;
    height: 90%;
  }

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

  .concentration .eventTag span {
    font: 0.75rem "go-medium";
  }

  .concentration .eventTag {
    padding: 4px 6px;
  }

  .concentration .lightMuVector::after {
    filter: brightness(5.5);
  }

  .whiteMuBg .lightMuVector::after {
    filter: brightness(5.5);
  }

  .ugMastervideo .contenttxt ul li {
    width: 100%;
  }

  .ugMastervideo .contenttxt h2 {
    margin-bottom: 20px;
    font: 1.25rem "go-bold";
    line-height: 138%;
  }

  .ugMastervideo .contenttxt ul li p {
    color: var(--grey18);
  }

  .ugMastervideo .mt40 {
    margin-top: 20px;
  }

  .degreeLeft p {
    font: 0.813rem "go-regular";
    margin-top: 15px;
  }

  .master-table tr th {
    width: 18%;
  }

  .master-table tr th:nth-child(2) {
    min-width: 160px;
  }

  .selectingStudents .lightMuVector::after {
    filter: brightness(5.5);
  }

  .pgpTimelineSec .lightMuVector::after {
    filter: brightness(5.5);
    bottom: -28%;
  }

  .applicationprocessWrap {
    margin-top: 30px;
  }

  .degreeGroup img {
    width: 40px;
  }

  .degreeLeft p span {
    font: 0.813rem "go-semibold";
  }

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

  .ugMastervideo {
    background: var(--black);
  }

  .ugMastervideo .mob-visible {
    width: 100%;
  }

  .ugMastervideo .contenttxt {
    position: relative;
  }

  .pl-30 {
    padding-left: 30px;
  }

  .careerplacement .lightMuVector::after {
    filter: brightness(5.5);
  }

  .concentration .lineSpace {
    margin-top: 12px;
    margin-bottom: 12px;
    padding: 0;
  }

  .concentrationWrapper .box .box2col {
    gap: 10px;
  }

  .concentration .subText {
    font: 0.813rem "go-regular";
  }

  .headbox h3 {
    font: 1.25rem "go-semibold";
  }

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

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

  .rotate180 {
    transform: rotate(180deg);
  }

  .sustaininner::before {
    display: none;
  }

  .sustaininner {
    gap: 0;
  }

  .leedScore .sustaininner {
    width: 100%;
  }

  .leedScore .sustainbox .opprName {
    width: 80%;
  }

  .sustainbox {
    border-bottom: 1px solid #2c2c2c;
    padding: 20px 0;
    max-width: 100%;
  }

  .sustaininner::after {
    display: none;
  }

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

  .newsSlide .swiper-slide>a {
    flex-direction: column;
    min-width: 328px;
  }

  .inTheNews .headingRight.mob-visible {
    flex-direction: row-reverse;
    justify-content: end;
    margin-right: 20px;
  }

  .whiteBgHead .lightMuVector::after {
    filter: brightness(5.5);
  }

  .teachingContent {
    width: 100%;
  }

  .floatingText {
    bottom: 20px;
  }

  .visitHeding {
    margin-bottom: 10px;
    padding-bottom: 10px;
    font: 0.938rem "go-regular" !important;
    color: white;
  }

  .overlayHeading {
    font: 1rem "go-semibold";
    line-height: 160%;
    color: var(--black);
  }

  .overLayDetail a {
    font: 0.938rem "go-medium";
    color: var(--grey17);
  }

  .overlayText {
    font-size: 14px !important;
    font-family: "go-regular";
    color: var(--grey17);
  }

  .about .sustainability .gridBox {
    max-height: 240px;
  }

  .gridboxClubs {
    flex-direction: column;
  }

  .gridBox:first-child {
    /* max-height: 240px; */
    max-width: 100%;
  }

  .gridBox {
    min-height: 240px;
    max-height: 240px;
    max-width: 328px;
  }

  .beatingHearts {
    background: var(--black);
  }

  .beatingLeft h3 {
    font: 1.125rem "go-semibold";
  }

  .beatingLeft p {
    font: 0.813rem "go-regular";
    color: var(--grey10) !important;
  }

  .knowledgeHub .navigationWrapper {
    margin: 0 !important;
  }

  .vipcover .gradientText {
    width: fit-content;
  }

  .knowledgeHub .tabs {
    display: flex !important;
    justify-content: space-between;
    overflow: auto;
  }

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

  .knowledgeHub .lightMuVector::after {
    filter: brightness(5.5);
  }

  .knowledgeHub .swiper-slide {
    box-shadow: none;
  }

  /* .homeAlumni .lightMuVector::after {
    filter: brightness(5.5);
  } */

  .boxshadeLine.multicard::after {
    display: none;
  }

  .headingSmall {
    letter-spacing: 2px;
    font: 0.625rem "go-medium" !important;
    gap: 6px;
    color: var(--grey10) !important;
    margin-bottom: 8px;
  }

  .journey .tabs li {
    gap: 4px;
  }

  sup {
    font-size: 0.5rem;
  }

  .journey .whiteBgHead .lightMuVector::after {
    filter: brightness(5.5);
  }

  .headingSmall>img {
    width: 12px;
  }

  .lightMuVector::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 75%;
    background: url("https://files.mastersunion.link/resources/svg/mobHighlight.svg");
    background-repeat: no-repeat;
    left: 0;
    bottom: -38%;
    z-index: -1;
  }

  .meetopportunity .lightMuVector::after {
    filter: brightness(5.5);
  }

  .reviewdetail .highlightsec .heroWrapper {
    padding-bottom: 0;
  }

  .companies .events .highlightsec .heroRightButtons {
    margin-bottom: 0;
  }

  .events .heroWrapper .heroRightButtons {
    margin-bottom: 0 !important;
  }

  .workwithus .heroWrapper .programmeHeading {
    margin-bottom: 20px;
  }

  .font-16 {
    font-size: 0.75rem;
  }

  .feestructure .body .box p {
    font-size: 0.875rem !important;
  }

  .feesGst {
    font: 0.875rem "go-semibold";
    line-height: 160%;
  }

  .feesGst span {
    font: 0.813rem "go-medium";
    text-transform: uppercase;
    color: var(--grey8);
  }

  .heroWrapper .heroright::after {
    width: 146%;
    height: 170%;
    top: -31%;
    scale: 0.7;
    left: -25%;
  }

  .rightContainer {
    min-width: unset;
    max-width: unset;
  }

  .highlightsec .heroWrapper {
    padding-bottom: 55px;
  }

  .masterDetailsgroup p {
    font: 0.813rem "go-medium";
  }

  .masterDetailPage h2 {
    font: 1.5rem "go-bold";
    text-transform: capitalize;
  }

  .masterDetailsgroup.experienceBox {
    gap: 15px;
  }

  .honorBoxes {
    flex-wrap: unset;
    flex-direction: column;
  }

  .experienceBox .detail {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }

  .masterDetailPage .header p {
    font: 0.813rem "go-regular";
  }

  .leftContainer {
    min-width: unset;
    position: unset;
  }

  .masterDetailPage .masterCard {
    gap: 20px;
    padding: 10px 10px 30px;
  }

  .masterDetailPage .absoluteList {
    bottom: 45px;
  }

  .inovation .careerPotential .educationJourney .boxwrapper {
    flex-direction: column;
  }

  .vipcover svg {
    margin: 30px -2% 0;
    width: 100%;
  }

  .adayAtMuJourney .newclassRight>img {
    max-width: 100%;
  }

  /* .studentClub .studentJourney.whiteLineBg {
    padding-bottom: 0 !important;
  } */

  .studentJourney.whiteLineBg {
    background: none;
  }

  .box2col.grouplist {
    gap: 5px;
  }

  .rotateMob {
    transform: rotate(180deg);
  }

  .mob-row-Btn {
    flex-direction: row-reverse;
    justify-content: end !important;
    padding-right: 15px;
  }

  .gradientMuBg {
    padding: 20px 0 !important;
  }

  .rateBox h5 {
    font: 2.188rem "go-medium";
    line-height: 120%;
  }

  .rateBox .group p {
    color: var(--grey17);
    font: 0.813rem "go-medium";
  }

  .muafterCareer .heroWrapper .heroright::after {
    display: none;
  }

  .col-rev {
    flex-direction: column-reverse !important;
  }

  .ugGlimpses .boxwrapper {
    flex-direction: column;
  }

  .ugGlimpses .left {
    width: 100%;
  }

  .ugcourse .cohortwrapper .box2col {
    flex-direction: row;
    align-items: center !important;
    max-width: 100%;
  }

  .becomeamaster .applynow .flexbox {
    margin-top: 0;
  }

  .blackLineBg {
    background: var(--black);
  }

  .gradientUnderline::after {
    bottom: -80%;
  }

  .reviewdetail .lightMuVector::after {
    height: 100%;
    bottom: -46%;
  }

  .joinOurTeam .lightMuVector::after {
    bottom: -35%;
  }

  .blogcontentWrapper .listcontent {
    color: var(--grey9);
  }

  .workwithus .degreeGroup img {
    max-width: 40px;
  }

  .degreeGroup {
    gap: 15px;
  }

  .textGroup {
    gap: 5px;
  }

  .textGroup h5 {
    font: 1rem "go-semibold";
  }

  .contentWrapper p {
    font: 0.813rem "go-regular";
    color: var(--grey13);
  }

  .newclass .textGroup h5 {
    font: 1rem "go-bold";
    text-transform: capitalize;
    color: var(--black);
  }

  .newclassRight .contentWrapper p {
    margin-top: 0;
  }

  .medileft p {
    color: var(--grey15);
  }

  .reality .headingWrap {
    flex-direction: column;
    gap: 15px;
  }

  .convinence .imgContainer {
    max-width: 100%;
    flex-direction: column;
    gap: 25px;
  }

  .lottielist li svg {
    width: 36px;
  }

  .lottielist li {
    width: 70%;
    font: 0.813rem "go-medium";
    line-height: 140%;
    gap: 14px;
    min-width: max-content;
  }

  .lottielist {
    max-width: 100%;
    gap: 20px;
    overflow: auto;
    flex-direction: row;
    margin-bottom: 30px;
  }

  .elevateBoxWrapper {
    flex-direction: column;
    gap: 15px;
  }

  /* @mCompanies */
  .companies .highlightsec .heroWrapper {
    margin-top: 0;
  }

  .companies .events .highlightsec .heroRightButtons {
    margin-top: 0;
  }

  .companies .events .highlightsec .heroRightButtons {
    margin-top: 0;
  }

  .companies .beatingWraps .beatingrightMain {
    flex-direction: column-reverse;
    gap: 40px;
  }

  .companies .beatingrightMain .beatingLeft {
    gap: 5px;
  }

  .companies .ugbeatingHearts .beatingMid {
    margin-right: 0;
    margin-left: 0;
  }

  .companies .ugbeatingHearts .beatingRight {
    margin-bottom: 0;
  }

  .companies .compBannerWrap .imgWrap img {
    width: 100%;
    max-width: 70px;
  }

  .companies .companiesBanner .compBannerWrap .imgWrap {
    gap: 30px;
    justify-content: flex-start;
    margin-top: 21px;
    margin-bottom: 20px;
  }

  .companies .companiesBanner .compBannerWrap .lineSpace {
    display: none;
  }

  .companies .collaboration .futureReadyWrap {
    margin-top: 0;
    gap: 24px;
  }

  .companies .collaboration .futureGroup .txtgroup p {
    margin-top: 5px;
  }

  .companies .collaboration .futureReadyWrap {
    margin-bottom: 30px;
  }

  .companies .content-section .swiper-wrapper .swiper-slide {
    margin-top: 20px;
  }

  .companies .collaboration .cohorttab {
    background: transparent;
  }

  .companies .recruiter .content-section {
    min-height: auto;
  }

  .companies .downloadPlacementWrappepr {
    flex-direction: column;
    align-items: flex-start;
  }

  .companies .downloadPlacementWrappepr .downloadBox,
  .companies .downloadPlacementWrappepr .headingWrap {
    width: 100%;
  }

  .companies .downloadPlacementWrappepr .downloadBox {
    margin-top: 36px !important;
    gap: 15px;
  }

  .companies .downloadPlacement .downloadPlacementWrappepr .selector {
    min-width: auto;
    max-width: 85%;
  }

  .companies .downloadPlacementWrappepr .downloadBox .gradientButton {
    margin-top: 20px;
  }

  .companies .graduateReviews .alumniSpotlightWrap {
    gap: 20px;
  }

  .companies .alumniSpotlightWrap .alumniheroLeft {
    width: 100%;
  }

  .companies .swiper-slide .alumniheroLeft .left h4,
  .companies .swiper-slide .alumniheroLeft .right h4 {
    font-size: 0.813rem;
    margin-bottom: 4px;
  }

  .companies .swiper-slide .alumniheroLeft .left p,
  .companies .swiper-slide .alumniheroLeft .right p {
    font-size: 0.813rem;
  }

  .companies .engagementsAtUnion .headingWrap {
    width: 100%;
  }

  .companies .companiesFlexWrap .contentCover:not(:first-child) {
    margin-top: 32px;
  }

  .companies .companiesFlexLeft .contentSide .gradientButton {
    margin-top: 15px !important;
  }

  .companies .companiesFlexWrap .companiesFlexRight {
    display: none;
  }

  .companies .engagementsAtUnion .content {
    overflow: auto;
    max-height: max-content;
  }

  .companies .teachingHeadWrap.collaboration .headingWrap {
    align-items: flex-start;
  }

  .companies .teachingHeadWrap.collaboration .contentBox {
    flex-direction: column;
    gap: 85px;
  }

  .companies .mutipleFormWrappper.blackLineBg .formsWraps {
    margin-top: 0;
  }

  .companies .mutipleFormWrappper.blackLineBg .applyleft {
    margin-bottom: 30px;
  }

  .companies .masterbanner.mobVersion {
    min-height: 420px;
  }

  .companies .mutipleFormWrappper.blackLineBg .registerbox {
    padding: 20px;
  }

  /* @mCompanies */

  /* @mCompanies */
  .companies .highlightsec .heroWrapper {
    margin-top: 0;
  }

  .companies .events .highlightsec .heroRightButtons {
    margin-top: 0;
  }

  .companies .beatingWraps .beatingrightMain {
    flex-direction: column-reverse;
    gap: 40px;
  }

  .companies .beatingrightMain .beatingLeft {
    gap: 5px;
  }

  .companies .ugbeatingHearts .beatingMid {
    margin-right: 0;
    margin-left: 0;
  }

  .companies .ugbeatingHearts .beatingRight {
    margin-bottom: 0;
  }

  .companies .masterbanner {
    background: url("https://files.mastersunion.link/resources/img/continueorg.webp");
    min-height: 525px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 600px;
  }

  .companies .compBannerWrap .imgWrap img {
    width: 100%;
    max-width: 70px;
  }

  .companies .companiesBanner .compBannerWrap .imgWrap {
    gap: 30px;
    justify-content: flex-start;
    margin-top: 21px;
    margin-bottom: 20px;
  }

  .companies .companiesBanner .compBannerWrap .lineSpace {
    display: none;
  }

  .companies .ourTeam .navigationWrapper {
    margin-top: 20px;
    margin-bottom: 12px;
  }

  .companies .collaboration .futureReadyWrap {
    margin-top: 0;
    gap: 24px;
  }

  .companies .collaboration .futureGroup .txtgroup p {
    margin-top: 5px;
  }

  .companies .collaboration .futureReadyWrap {
    margin-bottom: 30px;
  }

  .companies .content-section .swiper-wrapper .swiper-slide {
    margin-top: 20px;
  }

  .companies .collaboration .cohorttab {
    background: transparent;
  }

  .companies .recruiter .content-section {
    min-height: auto;
  }

  .companies .downloadPlacementWrappepr {
    flex-direction: column;
    align-items: flex-start;
  }

  .companies .downloadPlacementWrappepr .downloadBox,
  .companies .downloadPlacementWrappepr .headingWrap {
    width: 100%;
  }

  .companies .downloadPlacementWrappepr .downloadBox {
    margin-top: 36px !important;
    gap: 15px;
  }

  .companies .downloadPlacement .downloadPlacementWrappepr .selector {
    min-width: auto;
    max-width: 85%;
  }

  .companies .downloadPlacementWrappepr .downloadBox .gradientButton {
    margin-top: 20px;
  }

  .companies .graduateReviews .alumniSpotlightWrap {
    gap: 20px;
  }

  .companies .alumniSpotlightWrap .alumniheroLeft {
    width: 100%;
  }

  .companies .swiper-slide .alumniheroLeft .left h4,
  .companies .swiper-slide .alumniheroLeft .right h4 {
    font-size: 0.813rem;
    margin-bottom: 4px;
  }

  .companies .swiper-slide .alumniheroLeft .left p,
  .companies .swiper-slide .alumniheroLeft .right p {
    font-size: 0.813rem;
  }

  .companies .engagementsAtUnion .headingWrap {
    width: 100%;
  }

  .companies .companiesFlexWrap .contentCover:not(:first-child) {
    margin-top: 32px;
  }

  .companies .companiesFlexLeft .contentSide .gradientButton {
    margin-top: 15px !important;
  }

  .companies .companiesFlexWrap .companiesFlexRight {
    display: none;
  }

  .companies .engagementsAtUnion .content {
    overflow: auto;
    max-height: max-content;
  }

  .companies .companiesFlexLeft .contentCover:not(:last-child)::before {
    height: calc(63vh - 283px);
  }

  .companies .teachingHeadWrap.collaboration .headingWrap {
    align-items: flex-start;
  }

  .companies .content-section .contentBox .greyTextBox {
    margin-top: 20px;
    padding: 15px 10px 30px;
  }

  .companies .teachingHeadWrap.collaboration .contentBox {
    flex-direction: column;
    gap: 85px;
  }

  .companies .mutipleFormWrappper.blackLineBg .formsWraps {
    margin-top: 0;
  }

  .companies .mutipleFormWrappper.blackLineBg .registerbox {
    padding: 20px;
  }

  /* @mCompanies */

  .abourherovid {
    left: 0;
    top: 0;
  }

  .masterBoxMobOuter {
    margin-right: 15px;
    gap: 25px;
  }

  .masterBoxMobOuter .masterBox .lineSpace {
    border-top: 1px solid var(--grey9);
  }

  .masterBoxMobOuter.white .masterBox .lineSpace {
    border-top: 1px solid var(--grey4);
  }

  .listingpage .custom-select {
    font: 0.75rem "go-medium";
    padding: 8px 12px;
    max-width: 112px;
  }

  .moreblog {
    padding: 35px 0 55px 0 !important;
  }

  .listingpage .select-form {
    align-items: end;
  }

  .newclass .greybox {
    padding: 20px;
  }

  .joinOurTeam .teamContentWrap {
    width: 100%;
    gap: 15px;
  }

  .mobMedical .medicalWrap {
    flex-direction: column-reverse !important;
  }

  .about .sustainMapBoard {
    padding: 15px;
  }

  .teachingContent::after {
    display: none;
  }

  .aboutheroright p {
    margin-top: 30px;
    color: var(--grey10);
  }

  .about .blackSvgBg {
    background: var(--black3);
  }

  /* Responsive BY Khushi Starts */

  .knowledgeHub .headingWrap {
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
  }

  .vipbox .left {
    width: 100%;
  }

  .vipbox .right {
    width: 100%;
  }

  .vipboxWrapper {
    background: url("https://files.mastersunion.link/resources/img/initiatetop.png");
    gap: 50px;
  }

  .headingWrapperButton {
    flex-direction: column;
    gap: 20px;
    align-items: flex-start !important;
  }

  .backgroundVector::after {
    width: 263px;
    right: 0;
    top: -16%;
  }

  .founderRight .masterImage {
    border: 1px solid var(--grey17);
  }

  .innovating .founderCXO {
    flex-direction: column-reverse;
  }

  .inovation .backgroundVector::after {
    display: none;
  }

  .inovation .contenttxt {
    width: 90%;
    top: 50%;
  }

  .inovation .contenttxt h2 {
    font: 1.25rem "go-bold";
    text-transform: lowercase;
  }

  .inovation .contenttxt p {
    font: 0.875rem "go-regular";
    line-height: 160%;
    color: var(--grey10);
    margin-top: 10px;
  }

  .adayAtMuJourney .newclassLeft {
    max-width: 100%;
  }

  .adayAtMuJourney .newclassRight {
    max-width: 100%;
  }

  section .newclass {
    padding: 0px 0;
  }

  .adayAtMuJourney .newClassWrapper {
    gap: 25px;
  }

  .mobmb0 {
    margin-bottom: 0;
  }

  .headingWrapperButton .headingRight {
    width: 62%;
  }

  .afterMuStudentLife .selectingStudents .headingWrap {
    flex-direction: column;
    gap: 20px;
  }

  .classSessionRight img {
    min-width: none;
  }

  .box.greybg .heading {
    width: 100%;
  }

  .box.black .description {
    width: 100%;
  }

  .studentlifecampus .classSessionWrap .classSessionleft img {
    min-width: 100%;
  }

  .studentlifecampus .selectingStudents.whiteLineBg {
    background: url("https://files.mastersunion.link/resources/svg/whitelightlinebg.svg"),
      var(--white);
    background-repeat: no-repeat;
  }

  .studentlifecampus .cyberpark .headingWrapperButton .headingRight {
    width: 100%;
    justify-content: flex-end;
  }

  .studentlifecampus .selectingStudents .headingWrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }

  .nextgenWrap {
    padding: 30px;
    gap: 30px;
    flex-direction: column;
    background: url("https://files.mastersunion.link/resources/img/nextgenbgmob.png");
  }

  .studentlifecampus .nextgenBox {
    flex-direction: column;
  }

  /* .reality .content {
        height: max-content;
    } */

  .becomeamaster.rolesandresp .rolescontent {
    flex-direction: column;
  }

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

  .studentMainWrapper {
    gap: 25px;
    flex-direction: column;
    justify-content: space-between;
  }

  .studentClub .studentJourney .studentMainWrapper {
    flex-direction: column-reverse;
    gap: 13px;
    margin-top: 20px;
  }

  .studentClub .studentMainWrapper .studentWrapperOne .subHeading {
    margin-top: 0;
  }

  .studentWrapperOne {
    width: 100%;
    max-width: unset;
  }

  .pgphighlight .studentWrapperOne {
    max-width: 100%;
  }

  .pgprise .studentPercentWrap {
    gap: 10px 60px;
  }

  .studentPercentWrap {
    gap: 20px;
    margin-top: 20px;
  }

  .studentPercentageBox {
    width: 29%;
  }

  .subHeading {
    margin-top: 20px;
  }

  .businessTopWrap {
    flex-direction: column-reverse !important;
    align-items: flex-start;
    gap: 20px;
  }

  .businessRightBox {
    width: 100%;
  }

  .businessLeftBox {
    width: 100%;
  }

  .bussinessclub .content-section .content {
    padding: 0;
    background: transparent;
    box-shadow: none;
    flex-direction: column;
  }

  .bussinessclub .learningLeft {
    max-width: 100%;
  }

  .bussinessclub .navigationWrapper ul {
    padding-left: 10px;
  }

  .bussinessclub .courseName.active {
    padding-left: 0;
  }

  .studentClub .bussinessclub .learningRight {
    width: 100%;
  }

  .studentJourney .studentWrapperTwo {
    width: 100%;
    max-width: 100%;
  }

  .businessLeftBox ul {
    margin-top: 20px;
    gap: 10px;
  }

  .ugPsychologyMarketing .counsellorBanner {
    margin-top: 60px;
  }

  .businessLeftBox ul li {
    gap: 5px;
    font: 0.875rem "go-medium";
    color: var(--grey);
  }

  /* Responsive BY Khushi Ends */

  .homeHeroSection {
    padding: 0px !important;
    min-height: unset;
  }

  /* body {
        zoom: 100%
    } */

  /*
  main {
    overflow: hidden; 
     do not use overflow hidden property as it will not allow to make any section sticky 
  }
     */

  .teachingHeadWrap .headingWrap {
    width: 100%;
  }

  .teachingwrapper .masterBox {
    min-width: 328px;
    min-height: 250px !important;
  }

  .inovation .teachingwrapper .masterBox {
    min-width: 100%;
  }

  .teachingContent li svg {
    min-width: 12px;
  }

  .teachingContent li {
    align-items: baseline;
  }

  .newclass .lightMuVector::after {
    filter: brightness(5.5);
  }

  ::-webkit-scrollbar-thumb {
    /* display: block !important; */
    background: #d4d4d4;
  }

  .teachingContent.mob-visible {
    display: flex !important;
    gap: 10px;
  }

  .reportWrapper {
    width: 100%;
  }

  .txtWrapper img {
    max-width: 30px;
  }

  .networkingbox {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

  .educationJourney .mastersList img {
    max-width: 40px;
  }

  .teamContentWrap {
    width: 100%;
    gap: 30px;
  }

  .gradientMuBg .contactWrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
  }

  .courseroaster .header .lightMuVector::after {
    filter: brightness(5.5);
  }

  .careerPotential .mastersList li {
    gap: 15px;
  }

  .networkingbox .right {
    width: 100%;
  }

  .networkingbox .left {
    width: 100%;
  }

  .events .container-2 {
    padding-left: 15px;
  }

  .container-2 {
    padding-left: 15px;
    margin-right: 15px;
  }

  .storyswiper .masterBox {
    max-width: unset;
    /* background: transparent; */
  }

  .eventsMU .eventHeading {
    font-size: 0.875rem;
    margin-top: 8px;
  }

  .journey .content-section .content {
    box-shadow: none;
  }

  .newclassLeft .mt20 {
    margin-top: 0;
  }

  .font-14 {
    font-size: 0.875rem;
  }

  .eventText {
    width: 100%;
  }

  .companiesBanner {
    position: relative;
    padding: 40px 0;
  }

  .companiesBanner .compBannerWrap {
    width: 100%;
  }

  .companiesBanner .compBannerWrap .imgWrap {
    display: flex;
    gap: 40px;
    justify-content: space-between;
    margin-top: 35px;
  }

  .cohort .box {
    width: 100%;
    margin-top: 0;
  }

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

  .alumniSpotlightWrap .heroright {
    width: 100%;
  }

  .masterbanner {
    background-position-x: -400px;
  }

  .unfoldFun .eventheld .swiper-slide {
    min-width: 320px !important;
  }

  .box.greybg .heading {
    font: 1.25rem "go-semibold";
    line-height: 140%;
  }

  .businessEventbox {
    max-width: 100%;
  }

  .contenttxt {
    width: 90%;
    position: absolute;
    top: 46%;
  }

  .afterMuStudentLife .contenttxt {
    top: 50%;
  }

  .contenttxt h2 {
    font: 1.25rem "go-bold";
  }

  .highlightBanner {
    position: relative;
    padding: 40px 0;
  }

  .highlightBanner .bannerText {
    font-size: 3.125rem;
  }

  .highlightBanner .bannerText span {
    font-size: 2.5rem;
  }

  .highlightBanner .bannersubTxt {
    margin-top: 0;
  }

  .events .highlightsec .heroWrapper {
    align-items: flex-start;
  }

  .tabs li {
    color: var(--grey);
  }

  .knowledgeHub.elevateSection .navigationWrapper {
    margin-top: 30px !important;
  }

  .newclass .navigationWrapper ul {
    justify-content: space-around;
  }

  footer {
    background-repeat: no-repeat;
    background-position: bottom;
    backdrop-filter: blur(4px);
  }

  .workwithus .degreeLeft {
    width: 100%;
  }

  .workwithus .degreeRight {
    width: 100%;
    gap: 30px;
  }

  .heroWrapper .heroright .masterImage>img {
    min-width: unset;
    min-height: unset !important;
  }

  .careerplacement .left {
    height: 30vh;
  }

  .afterCareerBox {
    margin-right: 30px;
    padding-right: 30px;
  }

  .investinFuture .learningRight {
    margin-top: 60%;
  }

  .reportWrapper {
    width: 100%;
  }

  .muafterCareer .txtWrapper img {
    max-width: 30px;
  }

  .networkingbox {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

  .teamContentWrap {
    width: 100%;
  }

  .gradientMuBg .contactWrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
  }

  .careerPotential .mastersList li {
    gap: 15px;
  }

  .networkingbox .right {
    width: 100%;
  }

  .networkingbox .left {
    width: 100%;
  }

  .events .container-2 {
    padding-left: 15px;
  }

  .container-2 {
    padding-left: 15px;
    margin-right: 15px;
  }

  .storyswiper .masterBox {
    max-width: unset;
  }

  .engage.journey .contentLeft {
    width: 100%;
    max-width: 100%;
  }

  .companiesBanner {
    position: relative;
    padding: 40px 0;
  }

  .companiesBanner .compBannerWrap {
    width: 100%;
  }

  .companiesBanner .compBannerWrap .imgWrap {
    display: flex;
    gap: 40px;
    justify-content: space-between;
    margin-top: 35px;
  }

  .cohort .box {
    width: 100%;
    margin-top: 15px;
  }

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

  .alumniSpotlightWrap .heroright {
    width: 100%;
  }

  .masterbanner {
    background-position-x: -400px;
  }

  .events .highlightsec .heroRightButtons {
    margin: 0px 0 60px;
    gap: 20px;
    flex-direction: column-reverse;
  }

  .highlightBanner {
    background: url("https://files.mastersunion.link/resources/img/bgformob.png");
  }

  .highlightBanner {
    position: relative;
    padding: 40px 0;
  }

  .highlightBanner .bannerText {
    font-size: 3.125rem;
  }

  .highlightBanner .bannerText span {
    font-size: 2.5rem;
  }

  .highlightBanner .bannersubTxt {
    margin-top: 0;
  }

  .events .highlightsec .heroWrapper {
    align-items: flex-start;
  }

  .programmeHeading {
    font-size: 1.75rem;
    margin-top: 30px;
  }

  .tabs li {
    color: var(--grey);
  }

  .muAfterHomepage .pgpMapSustain .sustainLeft {
    width: 100%;
  }

  .muAfterHomepage .sustainMapBoard {
    width: 100%;
  }

  .companies .sustainMapBoard {
    margin: 0;
    padding: 25px 15px;
    width: 100%;
  }

  .newclass .navigationWrapper ul {
    justify-content: space-around;
  }

  .studentJourney .subHeading {
    margin-top: 0;
  }

  .sectionHeading {
    font: 1.25rem "go-bold";
    color: var(--grey17);
  }

  footer {
    background-repeat: no-repeat;
    background-position: bottom;
    backdrop-filter: blur(4px);
  }

  .workwithus .degreeLeft {
    width: 100%;
  }

  .workwithus .degreeRight {
    width: 100%;
  }

  .heroWrapper .heroright .masterImage>img {
    min-width: unset;
    min-height: unset !important;
  }

  .careerplacement .left {
    height: 30vh;
  }

  .afterCareerBox {
    margin-right: 30px;
    padding-right: 30px;
  }

  .button {
    padding: 12px 16px;
  }

  .popupBody {
    max-height: calc(100dvh - 50px);
    max-width: calc(100vw - 50px);
    height: auto;
    min-height: 350px;
  }

  .wd-50 {
    width: 100%;
  }

  .courseroaster .header {
    align-items: baseline;
    flex-direction: column;
    justify-content: center;
  }

  .headertextwrap {
    width: 100%;
  }

  .previewTime {
    font-size: 0.75rem;
  }

  .stayUpdated {
    flex-direction: row;
    align-items: flex-start;
  }

  .seondtabs .list img {
    width: 20px;
  }

  .seondtabs .list {
    font-size: 0.875rem;
    min-width: max-content;
    gap: 4px;
    font-weight: 600;
  }

  .placementLeft::before {
    content: unset;
  }

  .floatingLinksBox svg {
    width: 24px;
  }

  .workwithus .becomeMaster .masterImage {
    width: 100%;
  }

  .ugcurriculum .journey .headingWrap {
    flex-direction: column;
    gap: 25px;
  }

  .workwithus .sectionHeader {
    width: 100%;
  }

  .workwithus .educationJourney.newjourney .boxwrapper .left {
    width: 100%;
  }

  .placementLeft::after {
    content: unset;
  }

  .seondtabs .list::after {
    width: 60px;
    left: 30px;
  }

  .about .aboutheroleft .masterPlay {
    left: unset !important;
    top: unset;
  }

  .heroHeading {
    gap: 0;
  }

  .blogtext {
    font-size: 1rem;
  }

  .blogTag {
    gap: 5px;
    padding: 6px;
    right: 6px;
    top: 6px;
  }

  .subtext {
    width: 100%;
    border: none;
  }

  .futureReadyWrap {
    flex-direction: column;
    gap: 20px;
    margin-top: 30px;
  }

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

  .degreeleft {
    width: 100%;
  }

  .degreeright .mastersList img {
    max-width: 32px;
  }

  .mob-hide {
    display: none !important;
  }

  .inclassbox {
    width: 100%;
    gap: 12px;
  }

  .ugcurriculum .concentration .eventTag {
    font-size: 0.875rem;
  }

  .ugcurriculum .concentration .eventTag {
    padding: 4px 8px;
  }

  .inclassgroup {
    gap: 12px;
  }

  .borderbottom-grey-mob {
    border-bottom: 1px solid var(--grey4);
  }

  .wd-40 {
    width: 100%;
  }

  .cautiongrey {
    padding: 16px;
  }

  .bg-grey .lightMuVector::after {
    filter: brightness(5.5);
  }

  .startgroupWrap {
    width: 100%;
    margin-top: 30px;
    flex-direction: row-reverse;
    justify-content: left;
    gap: 15px;
    column-gap: 8px;
  }

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

  .startgroupWrap img {
    width: 12px;
  }

  .careerplacement.newheight .box {
    width: 100%;
  }

  .careerPotential .educationJourney .boxwrapper {
    align-items: flex-start;
    flex-direction: column-reverse;
    padding: 0;
  }

  .cautiongrey img {
    width: 36px;
  }

  .inclassbox {
    padding: 24px 0;
  }

  .degreeright {
    width: 100%;
  }

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

  .beatingHearts .headingWrap {
    flex-direction: column;
  }

  .headingsRight .mt50 {
    margin-top: 30px;
  }

  .ugcareerprospect .beatingWraps {
    flex-direction: column;
  }

  .ugcareerprospect .beatingLeft {
    position: relative;
    margin-top: 50px;
    width: 100%;
  }

  .ugcareerprospect .beatingMid {
    width: 100%;
    line-height: 0;
    margin: 0;
  }

  .rolesandresp .ourteambanner {
    /* min-height: 480px; */
    background: url("https://files.mastersunion.link/resources/img/ourTeamBannerBlackmob.png") no-repeat,
      var(--black);
    background-size: cover;
  }

  .knowledgeHub .courseName.active,
  .knowledgeHub .courseName:hover {
    padding-left: 0;
  }

  .ugcareerprospect .ourteambanner .headingsRight {
    align-self: end;
    margin-top: 30px;
  }

  .pgpRiseOpm .ranveerShow {
    .showCard:first-child {
      border-bottom: 1px solid var(--grey4);

      .showContent {
        margin-bottom: 32px;
      }
    }

    .showsCardParent {
      gap: 32px;
    }

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

  .ugclassprofile .educationclass .boxwrapper .left {
    width: 100%;
  }

  .ugcareerprospect .sustainMapBoard {
    padding: 32px 16px;
  }

  .pgpMapSustain .sustainLeft h3 {
    margin-top: 20px;
  }

  .pgpMapSustain .sustainLeft h2 {
    font: 1.25rem "go-semibold";
  }

  .pgpMapSustain .sustainLeft {
    max-width: 100%;
  }

  .ugGlimpses .left h2 {
    font: 1.25rem "go-bold";
  }

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

  .ugcareerprospect .beatingRight {
    width: 100%;
    margin-top: 20px;
  }

  .muAfterHomepage .pgpCount {
    margin-top: 15px;
  }

  .muAfterHomepage .pgpCount .countValuePgp {
    max-width: 100px;
  }

  .muAfterHomepage .sustainRight {
    max-width: 100%;
  }

  .ugcareerprospect .beatinglistWrapper {
    gap: 0;
  }

  .futureready .box2col {
    flex-direction: row !important;
    width: 100%;
  }

  .futureready {
    flex-direction: column;
  }

  .futureGroup {
    width: 100%;
  }

  .about .herobanner {
    padding-top: 110px !important;
  }

  .becomeamaster .educationJourney .boxwrapper {
    flex-direction: column;
  }

  .heroButtonWrap {
    margin-top: 15px;
  }

  .becomeamaster .educationJourney .boxwrapper .left {
    width: 100%;
    /* margin-top: 30px; */
  }

  .homeWrapper .cravePath {
    right: 17%;
    top: 26%;
    width: 90px;
  }

  .about .abouttimevid {
    position: relative;
    top: 0;
    width: 100%;
  }

  .iframeHero {
    min-height: 350px;
  }

  .container {
    max-width: 100%;
    width: 100%;
    padding: 0 16px;
  }

  .topMenu {
    display: none;
  }

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

  .megaLink {
    display: none;
  }

  /* */
  .bgHeroVideoWrap {
    height: 610px;
    max-height: 610px;
  }

  .bgHeroVideoWrap>video {
    max-width: unset;
    min-height: 90vh;
    object-position: 70%;
  }

  .bgHeroVideoWrap::before {
    width: 100%;
    left: 0;
  }

  .edubox .circleHighlight {
    font-size: 2rem;
  }

  .heroHeading {
    font-size: 1.75rem;
    line-height: 140%;
    margin-bottom: 10px;
  }

  .circleHighlight {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 5px;
    margin-right: 35px;
  }

  .circleHighlight::before {
    left: 0;
  }

  .heroButtonWrap {
    flex-wrap: wrap;
    gap: 0;
    justify-content: flex-start;
    margin-top: 40px;
  }

  .button.playButton {
    position: absolute;
    left: 15px;
    top: 100px;
  }

  /* .eventSlider .swiper-slide {
        flex-wrap: wrap;
    } */

  /* .eventImg {
        width: 100%;
    } */

  .eventImg img {
    width: 100%;
    max-width: 100%;
  }

  .eventHeading {
    font-size: 1rem;
  }

  .muLearning {
    padding: 50px 0;
    min-height: 190vh;
  }

  .muLearning .headingWrap {
    flex-wrap: wrap;
    gap: 25px;
    position: static;
  }

  .mainHeading {
    font-size: 1.5rem;
    margin-top: 10px;
  }

  .learningWrap mt60 {
    margin-top: 20px;
    flex-wrap: wrap;
    gap: 10px;
  }

  .learningLeft {
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  .navigationBox {
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 25px;
    overflow: auto;
  }

  .navigationBox::-webkit-scrollbar {
    width: 0;
    height: 0;
  }

  .navigationBox::-webkit-scrollbar-thumb {
    background: transparent;
  }

  .navigationBox::-webkit-scrollbar-track {
    background: transparent;
  }

  .courseName {
    padding: 0;
    min-width: max-content;
  }

  .courseName.active,
  .courseName:hover {
    padding-left: 0;
  }

  .courseName img {
    display: none;
  }

  .leaderMU .headingWrap {
    top: 0;
  }

  .meetMaster {
    padding: 40px 0;
    background-size: contain;
  }

  .meetMaster .mainHeading {
    font-size: 1.5rem;
  }

  .mastersBoxWrapper {
    max-width: 100%;
    overflow: auto;
    gap: 20px;
    flex-wrap: nowrap;
    margin-top: 20px;
  }

  .eventsMU {
    background-position: inherit;
  }

  /* .masterBox {
        min-width: 250px;
    } */

  .rolescontent.new {
    flex-direction: column;
    gap: 15px;
  }

  .rolescontent .left {
    width: 100%;
  }

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

  .founderCXO {
    padding: 0px 0px;
    border-top: 0;
    margin-top: 40px;
    flex-wrap: wrap;
    gap: 30px;
  }

  .founderRight {
    transform: rotate(0deg);
    opacity: 1;
  }

  .meetMaster .founderRight {
    position: unset !important;
    margin-top: 0;
  }

  .journey {
    padding: 40px 0;
  }

  .navigationWrapper {
    margin-top: 40px;
  }

  .navigationWrapper ul {
    padding: 20px;
    gap: 50px;
    overflow: auto;
    justify-content: flex-start;
    align-items: center;
    background: var(--grey17);
  }

  .muLearning .circleHighlight.smallHighlight::before {
    content: none;
  }

  .navigationWrapper ul::-webkit-scrollbar {
    width: 0;
    height: 0;
  }

  .navigationWrapper ul::-webkit-scrollbar-thumb {
    background: transparent;
  }

  .navigationWrapper ul::-webkit-scrollbar-track {
    background: transparent;
  }

  .navigationWrapper li {
    min-width: max-content;
    font-size: 0.75rem;
    line-height: 120%;
  }

  .accordion .heading {
    padding: 15px 15px;
    font-size: 1rem;
    font-family: "go-semibold";
  }

  .accordion .heading.active {
    padding: 15px 15px;
  }

  .contents {
    padding: 0 15px;
    padding-bottom: 20px;
  }

  .contentWrap {
    margin-top: 25px;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    gap: 20px;
  }

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

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

  .dataAvailable {
    gap: 20px;
  }

  .detailBox {
    max-width: 100%;
  }

  .buttonWrapper {
    flex-wrap: wrap;
    gap: 25px;
  }

  .multicard {
    padding: 40px 0 120px !important;
  }

  .whiteCard {
    padding: 20px;
    background-position-y: top;
    max-width: 100%;
    left: 0;
    min-height: 160px;
    align-items: center;
    justify-content: center;
    display: flex;
  }

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

  .gradientCard {
    top: 250px;
    margin-top: 20px;
    right: 15px;
    max-width: 100%;
    padding: 15px;
    transform: rotate(0deg);
    min-height: max-content;
  }

  .cardText {
    font-size: 1.25rem;
  }

  .cardCount {
    margin-top: 30px;
  }

  .cardCount .current {
    font-size: 1.25rem;
  }

  .cardCount {
    font-size: 1rem;
  }

  .meetopportunity .headingsRight {
    display: none;
  }

  #highlight .opportunityWrapper {
    margin-bottom: 0;
  }

  #highlight .opportunityWrapper .masterBoxMobOuter {
    gap: 10px;
  }

  .opportunityWrapper {
    max-width: 100%;
    overflow: auto;
    gap: 20px;
    flex-wrap: nowrap;
  }

  .opportunityWrapper .masterBox {
    max-width: 100%;
    min-width: 250px;
    min-height: 235px;
  }

  .pgpRiseOpm .opportunityWrapper .masterBox {
    min-width: 275px;
  }

  .meetopportunity {
    padding: 40px 0;
  }

  .placementWrap {
    padding: 0;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .placementWrap .placementLeft {
    width: 100%;
  }

  .placementRight {
    flex-wrap: nowrap;
    gap: 8px;
    width: 100%;
  }

  .educationinner img {
    width: 40px;
  }

  .meetMaster .cravePath {
    left: 220px;
    top: 40%;
    width: 90px;
  }

  .educationinner .text-16 {
    font-size: 0.875rem;
  }

  .boxiHeading {
    font-size: 1.5rem;
  }

  .boxiData {
    font-size: 0.875rem;
  }

  .boxiBox {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
  }

  .boxiBox .lineSpace {
    display: block;
    position: relative;
    width: 100%;
  }

  .recuiterWrap .mainHeading {
    font-size: 1.5rem;
  }

  .recuiterWrap .gradientButton {
    margin-top: 30px;
  }

  .recuiterWrap {
    background-position: 50%;
    /* padding: 220px 0 70px; */
    background-size: cover;
  }

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

  .exploreHub .headingsRight {
    display: none;
  }

  .exploreHub .navigationWrapper ul {
    padding: 20px;
    gap: 50px;
    overflow: auto;
    justify-content: flex-start;
  }

  .exploreHub {
    padding: 40px 0;
  }

  .exploreHub .navigationWrapper {
    margin: 40px 0;
  }

  .previewData {
    flex-wrap: wrap;
    gap: 15px;
  }

  .exploreLeft .whitePreviewBox {
    padding: 15px;
    min-width: 300px;
  }

  .findUs .content-section .flexbox {
    min-width: unset;
  }

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

  .exploreLeft {
    display: flex;
    gap: 20px;
    overflow: auto;
  }

  .previewHeading {
    padding: 20px 0 12px;
    font-size: 1rem;
  }

  .previewDesgination {
    margin-top: 5px;
  }

  .exploreRight {
    max-width: 100%;
  }

  .content-section .findUs {
    margin-top: 0;
    padding: 24px;
  }

  .counsellorLeft {
    padding: 25px;
  }

  .exploreRight .previewHeading {
    font-size: 1.125rem;
  }

  .mobHide {
    display: none !important;
  }

  .mobHideFlex {
    display: none !important;
  }

  .mobVisible {
    display: block;
  }

  .findRight {
    gap: 25px;
    margin-top: 25px;
    max-width: 100%;
    flex-wrap: wrap;
  }

  .whiteIconWrap svg {
    width: 24px;
  }

  .journeyStarts {
    padding: 40px 0;
    background: var(--white);
  }

  .journeyStarts .mainHeading {
    font-size: 1.5rem;
    padding: 0;
    text-align: start;
  }

  .floatingLinksBox {
    margin-top: 0;
    padding: 20px;
  }

  .journeyStarts.visible .floatingLinksBox {
    transform: rotate(0deg);
  }

  .journeyStarts.visible {
    min-height: 520px;
  }

  .psyJourney {
    min-height: unset !important;
  }

  .overRight img {
    width: 32px;
  }

  .journeyStarts {
    min-height: 520px;
  }

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

  .upperFooter {
    padding: 40px 0;
    border: none;
  }

  /* .upperFooter svg {
        width: 50%;
    } */

  .upperFooter .container {
    flex-wrap: wrap;
    gap: 20px;
    flex-direction: column;
  }

  .address {
    font-size: 0.75rem;
    line-height: 120%;
    color: var(--grey6) !important;
    line-height: 160%;
  }

  .bottomFooter {
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: flex-start;
  }

  .privacyLink {
    font-size: 0.75rem;
    min-width: max-content;
  }

  .footerText {
    font-size: 0.75rem;
    color: var(--grey8);
  }

  .footerLinkRight {
    gap: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  .footerLinkRight a:nth-child(even) {
    margin: 0 20px;
  }

  .beatingWraps {
    flex-wrap: wrap;
    margin-top: 40px;
  }

  .heroWrapper {
    flex-direction: column-reverse;
  }

  .heroWrapper .right {
    width: 100% !important;
  }

  .heroWrapper .left {
    width: 100%;
  }

  .highlightBanner .boxWrapper .box {
    width: 100%;
  }

  .highlightBanner .boxWrapper {
    flex-direction: column;
    gap: 30px;
  }

  .pgphighlight .headingsLeft {
    width: 100%;
  }

  .pagelocation li {
    min-width: max-content;
  }

  .pagelocation {
    width: 100%;
    overflow: hidden;
    flex-wrap: unset;
  }

  .vibrantcomm .cardsWrapper {
    flex-direction: column;
    gap: 30px;
  }

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

  .heroWrapper .heroright {
    overflow: hidden;
    width: 100%;
  }

  .accordion .contentWrap.flexbox {
    flex-direction: column-reverse;
  }

  .pagelocation {
    width: 100%;
  }

  .beatingWraps {
    flex-wrap: wrap;
    margin-top: 30px;
    gap: 30px;
  }

  .exploreRight .whitePreviewBox:nth-child(2) {
    display: none;
  }

  /* .cravePathHeart {
        right: 15px;
        width: 70px;
    } */
  .heroSection .heroLeft .muvector::after {
    height: 100%;
    bottom: -75%;
  }

  .beatingMid img {
    transform: none;
    margin-left: 0;
  }

  .beatingMid {
    padding-bottom: 0;
  }

  .beatingLeft {
    max-width: 100%;
    position: relative;
    z-index: 9;
    top: 0%;
    left: 0%;
    order: 2;
  }

  .beatingRight {
    order: 3;
    max-width: 100%;
  }

  .gridLeft {
    max-width: 100%;
  }

  .floatingLinksBox {
    gap: 15px;
  }

  .gridBox:nth-child(2) {
    /* max-height: 240px; */
    min-height: 240px;
    max-width: 100%;
    min-height: 230px;
  }

  .gridRight {
    padding: 20px 16px;
  }

  .gridBox:nth-child(3) {
    max-width: 100%;
    max-height: 280px;
  }

  .floatingLinksBoxWrap {
    position: static;
  }

  .commonOverlay {
    max-width: calc(100% - 30px);
    padding: 28px 12px;
    left: 15px;
  }

  .commonOverlay .overlayHeading {
    font-size: 1rem;
  }

  .commonOverlay .overlayText {
    font-size: 0.875rem;
    justify-content: flex-start;
    gap: 10px;
    flex-wrap: wrap;
    max-width: 80%;
  }

  .commonOverlay .overlayText>span {
    display: none;
  }

  .overlayMidVideo {
    min-height: 140px;
  }

  .overlayRightBotton {
    display: none;
  }

  .overlayLeftBotton {
    max-width: 100%;
  }

  .downloadStore {
    gap: 5px;
  }

  .downloadStore img {
    max-width: 100px;
  }

  .downloadOptions {
    padding: 10px 8px;
  }

  .downloadText {
    font-size: 0.75rem;
    max-width: 35%;
  }

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

  .heroWrapper .right {
    width: 100%;
    max-width: 100%;
  }

  .heroWrapper .left {
    width: 100%;
  }

  .highlightBanner .boxWrapper .box {
    width: 100%;
  }

  .highlightBanner .boxWrapper {
    flex-direction: column;
    gap: 30px;
  }

  .pgphighlight .headingsLeft {
    width: 100%;
  }

  .vibrantcomm .cardsWrapper {
    flex-direction: column;
    gap: 30px;
  }

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

  .heroRightButtons {
    flex-direction: column;
  }

  .heroWrapper .heroright {
    overflow: hidden;
  }

  .pagelocation {
    width: 100%;
    flex-wrap: wrap;
  }

  .heroright .whiteCard {
    width: 80%;
  }

  .circleHighlight.smallHighlight::before {
    top: 9px;
  }

  .packagebox::after {
    width: 100%;
  }

  .pgphighlight .circleHighlight.smallHighlight::before {
    top: 12px;
  }

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

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

  .selectingStudents .card {
    width: 100%;
  }

  .aboutadmission .boxWrapper {
    flex-direction: column;
    gap: 30px;
  }

  .investinFuture .learningRight {
    width: 100%;
  }

  .collaboration .headingsRight {
    width: 100%;
  }

  .collaboration .headingsLeft {
    width: 100%;
    max-width: unset;
  }

  .arrowouter {
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
  }

  .box {
    width: 100%;
  }

  .sustaininner {
    width: 100%;
  }

  .sustainability .flexbox {
    flex-direction: column;
    gap: 25px;
    width: 100%;
    align-items: flex-start;
  }

  .sustainability .gridBox {
    max-width: 100%;
  }

  .journeyStarts.visible .floatingLinksBoxWrap {
    top: 28%;
    width: 100%;
  }

  .missionleft {
    width: 100%;
  }

  .missionright {
    width: 100%;
  }

  .mission .flexbox {
    flex-direction: column;
    gap: 30px;
  }

  .mission {
    padding: 80px 0 0px;
  }

  .herobanner .flexbox {
    flex-direction: column;
  }

  .aboutheroleft {
    width: 100%;
  }

  .aboutheroright {
    width: 100%;
    gap: 30px;
  }

  .teachingwrapper .flexbox {
    flex-direction: column;
    gap: 30px;
  }

  .herobanner::after {
    display: none;
  }

  .teachingright {
    width: 100%;
  }

  .teachingleft {
    width: 100%;
  }

  .teachingwrapper .heroHeading {
    font-size: 2.75rem;
  }

  .teaching1heading .circleHighlight.big::before {
    top: -10px;
    width: 350px;
    left: -10px;
  }

  .teaching1heading .circleHighlight::before {
    top: -5px;
    width: 340px;
    left: -25px;
  }

  .careerplacement .flexbox {
    flex-direction: column;
    gap: 30px;
  }

  .careerplacement .box {
    width: 100%;
  }

  .component .flexbox {
    flex-direction: column;
    gap: 30px;
  }

  .component .box {
    width: 100%;
  }

  .termsouter .group {
    width: 100%;
  }

  .termsouter {
    border-radius: 16px;
    padding: 40px 20px;
  }

  .content-section .flexbox {
    align-items: center;
    font-size: 0.875rem;
  }

  .heroright .whiteCard {
    width: 85%;
    right: -14%;
    padding: 8px;
  }

  .exploreHub .content-section .flexbox {
    margin-top: 5px;
    align-items: center;
  }

  .exploreHub .previewImg {
    margin-top: 15px;
  }

  .contentLeft,
  .contentRight {
    max-width: 100%;
  }

  .faqquestion {
    font-size: 1rem;
  }

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

  .circleHighlight.smallHighlight::before {
    top: 9px;
  }

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

  .seondtabs {
    padding: 10px;
    width: 100%;
  }

  .faqquestionWrap {
    padding: 16px;
  }

  .text-14 {
    font-size: 0.75rem;
  }

  .packagebox::after {
    width: 100%;
  }

  .circleHighlight.smallHighlight {
    font-size: 2rem;
  }

  .pgphighlight .circleHighlight.smallHighlight::before {
    top: 12px;
  }

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

  .terms .leftCard {
    max-width: 100%;
  }

  .classouter>img {
    width: 100%;
  }

  .terms .rightCard::after {
    content: none;
  }

  .lightbg .cravePath::before {
    content: none;
  }

  .terms .rightCard .circleHighlight::before {
    top: -4px;
    left: -15px;
  }

  .cravePathHeart::before {
    content: none;
  }

  .terms .rightCard::before {
    content: none;
  }

  .pgpcohort .placementWrap {
    padding-bottom: 150px;
  }

  .recruiter .cravePathHeart {
    display: none;
  }

  .gallery .navigationWrapper ul {
    justify-content: space-around;
  }

  .bg-vector .cravePathHeart {
    right: 30px;
    top: 40px;
  }

  .pgpcohort .highlightBanner .boxWrapper {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .pgpcohort .highlightBanner .boxWrapper .box {
    width: calc(50% - 30px);
  }

  .cohortwrapper {
    overflow: auto;
    flex-wrap: wrap;
    flex-direction: row;
    row-gap: 20px;
  }

  .pgpcohort .headingWrap {
    flex-direction: column;
  }

  .curriculum .absoluteimage {
    position: absolute;
    top: 627px;
    left: 59%;
    width: 50%;
    transform: rotate(-46deg);
  }

  .curriculum .absoluteimage {
    display: none;
  }

  .AnimcardText .box2col {
    width: 100%;
  }

  .classouter {
    flex-direction: column;
  }

  .terms .rightCard {
    max-width: 100%;
    transform: rotate(-1deg);
  }

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

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

  .schedule .cravePathHeart {
    top: 120px;
  }

  .masterleft {
    width: 100%;
  }

  .tableWrapper {
    overflow: auto;
    width: 100%;
    padding-bottom: 20px;
  }

  .box2col.gap30 {
    margin-bottom: 20px;
  }

  .scheduletable {
    overflow: auto;
  }

  .scheduletable img {
    min-width: max-content;
    height: auto;
  }

  .concentration .flexbox {
    flex-direction: column;
  }

  .terms .cravePathHeart {
    top: 260px;
  }

  .careerjourney.terms .headingWrap {
    flex-direction: column;
    gap: 30px;
    margin-top: 0;
  }

  .masterflex::after {
    content: none;
  }

  .concentration::after {
    content: none;
  }

  .curriculum .cravePathHeart.lightbg {
    top: 60px;
    width: 94px;
    right: 25px;
  }

  .concentration .cravePathHeart.lightbg {
    top: 90px;
  }

  .masterPlay.bannerPlayBtn {
    width: 100%;
    left: 0;
    top: -20%;
  }

  .swiperBtnNew.mob-visible {
    display: inline-flex !important;
    width: 100%;
    flex-direction: row;
  }

  .inclassBox {
    max-width: 100%;
  }

  .ugSwati .masterPlay {
    left: 0;
    width: 100%;
    top: -90%;
    height: auto;
  }

  .concentration .box {
    width: 100%;
  }

  .curriculum .cravePathHeart {
    right: 3%;
    top: 80px;
  }

  .curriculum .highlightsec .circleHighlight::before {
    left: -13px;
    top: 12px;
    width: 133px;
  }

  .selectingStudents .cardsWrapper {
    flex-direction: column;
    gap: 30px;
  }

  .selectingStudents {
    padding-top: 0;
  }

  .selectingStudents .card {
    width: 100%;
  }

  .aboutadmission .boxWrapper {
    flex-direction: column;
    gap: 30px;
  }

  .headingWrap {
    position: relative;
    gap: 0;
  }

  .investinFuture .learningRight .box {
    width: 100%;
    padding: 10px !important;
  }

  .mob-w70 {
    width: 70%;
  }

  .timelineprocess .headingsLeft {
    width: 75%;
  }

  .investinFuture {
    padding: 40px 0;
  }

  .selectingStudents .headingsLeft {
    width: 75%;
  }

  .mobabsolute {
    position: absolute;
    left: 79%;
    top: 30px;
  }

  .group {
    width: 100%;
  }

  .investinFuture .learningRight {
    max-width: 100%;
    margin-top: 0;
  }

  .collaboration .headingsLeft {
    width: 100%;
  }

  .recruiter .content-section {
    min-height: unset;
  }

  .learningmob {
    flex-direction: row !important;
    overflow: auto;
  }

  .missionleft .mainHeading {
    font-size: 3rem;
  }

  .learningmob .masterBox {
    min-width: 80%;
  }

  .collaboration .headingsRight {
    width: 100%;
  }

  .headingsLeft {
    width: 100%;
  }


  .arrowouter {
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
    width: 30px;
    margin-bottom: 20px;
  }

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

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

  .careerjourney .navigationWrapper ul {
    padding: 20px;
  }

  .businessLeftBox li img {
    width: 14px;
  }

  .mobeventheld {
    display: flex !important;
    gap: 10px;
    align-items: center;
    justify-content: end;
    margin-top: 20px;
    width: 100%;
  }

  .mobeventheld img {
    width: 44px;
  }

  .header {
    width: 100%;
  }

  .select-form {
    margin-top: 20px;
    width: 100%;
  }

  /* .careerteam .headingSmall {
        font-size: 1.5rem;
    } */

  .course-roster .flexbox {
    flex-direction: column;
  }

  .careerteam {
    padding: 0 0 40px 0;
    background: var(--white);
  }

  .careertransition .flexbox {
    flex-direction: column;
    gap: 40px;
    align-items: baseline;
  }

  .transinner {
    width: 100%;
  }

  .headingsRight {
    text-align: unset;
  }

  .navigationWrapper {
    overflow-x: scroll;
    width: 100%;
  }

  .aboutadmission .boxWrapper .text-24 {
    font-size: 0.875rem;
  }

  .aboutadmission .iconButton {
    font: 0.875rem "go-semibold";
    padding: 12px 16px;
  }

  .aboutadmission .boxWrapper .box {
    padding: 30px 20px;
    min-height: unset;
  }

  .aboutadmission .boxWrapper .box>img {
    display: none;
  }

  .gradientButton button {
    font-size: 0.875rem;
    padding: 12px 16px;
  }

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

  .aboutadmission .mainHeading {
    font-size: 1.5rem;
    line-height: 150%;
  }

  .investimgbox .contentWrap {
    position: relative;
    top: 0px;
    margin: 0;
    padding: 32px 16px;
  }

  .box {
    width: 100%;
  }

  .sustaininner {
    width: 100%;
  }

  .sustainability .flexbox {
    flex-direction: column;
    gap: 25px;
  }

  .sustainability .gridBox {
    max-width: 100%;
  }

  .floatingLinksBoxWrap {
    top: 30%;
  }

  .missionleft {
    width: 100%;
  }

  .alignright .text-24 {
    font-size: 0.875rem;
  }

  .newclass .mainHeading::after {
    content: none;
  }

  .navigationWrapper ul {
    padding: 12px;
    gap: 30px;
    justify-content: space-around;
  }

  .bussinessclub.artCultureClub {
    padding-top: 45px !important;
  }

  .feeContainer .menuItems .menuItem.active::before {
    left: -50px;
  }

  .navigationWrapper {
    border-radius: 6px;
  }

  .mobMedical .navigationWrapper {
    margin-top: 40px;
  }

  .investinFuture .navigationBox {
    margin-bottom: 20px;
  }

  .investinFuture .courseName.active {
    padding: 0;
  }

  .gradientButton.whiteHover button {
    padding: 12px 12px;
  }

  .journeyStarts .gradientButton.whiteHover button {
    padding: 16px 32px;
  }

  .ughighlight .contenttxt {
    width: 100%;
  }

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

  .degreeLeft .gradientText {
    text-decoration: underline;
    line-height: 180%;
    position: relative;
  }

  .degreeLeft .gradientText::after {
    display: none;
  }

  .textGroup p {
    color: var(--grey);
  }

  .masterDesignation {
    font: 0.75rem "go-semibold";
    line-height: 140%;
    color: var(--black);
  }

  .beatingText {
    width: 100%;
    padding: 0;
    margin-top: 5px;
  }

  .collaboration .headingWrap {
    margin-top: 0;
    margin-bottom: 20px;
  }

  .newsSlide {
    margin-top: 20px;
  }

  .collaboration .text-28 {
    font-size: 1.125rem;
  }

  .newclass .contentWrapper .absoluteimg {
    top: 450px;
    left: 182px;
  }

  .missionright {
    width: 100%;
  }

  .newclass {
    padding: 60px 0;
  }

  .mission .flexbox {
    flex-direction: column;
    gap: 30px;
  }

  .mission {
    padding: 80px 0 0px;
  }

  .herobanner .flexbox {
    flex-direction: column;
  }

  .aboutheroleft {
    width: 100%;
  }

  .aboutheroright {
    width: 100%;
    gap: 30px;
  }

  .teachingwrapper .flexbox {
    flex-direction: column;
    gap: 30px;
  }

  .herobanner::after {
    display: none;
  }

  .teachingright {
    width: 100%;
  }

  .teachingleft {
    width: 100%;
  }

  .teachingwrapper .heroHeading {
    font-size: 2.75rem;
  }

  .teaching1heading .circleHighlight.big::before {
    top: -10px;
    width: 350px;
    left: -10px;
  }

  .teaching1heading .circleHighlight::before {
    top: -5px;
    width: 340px;
    left: -25px;
  }

  .careerplacement .flexbox {
    flex-direction: column;
    gap: 30px;
  }

  .careerplacement .box {
    width: 100%;
  }

  .component .flexbox {
    flex-direction: column;
    gap: 30px;
  }

  .component .box {
    width: 100%;
  }

  .termsouter .group {
    width: 100%;
  }

  .termsouter {
    padding: 40px 20px;
  }

  .content-section .flexbox {
    align-items: flex-start;
  }

  .highlightsec .heroWrapper {
    flex-direction: column;
    margin-top: 30px;
    gap: 30px;
  }

  .education .flexbox {
    flex-direction: column;
  }

  .edubox .masterImage {
    width: 100%;
  }

  .edubox .box2col {
    flex-direction: column;
  }

  .educationleft {
    width: 100%;
    position: relative;
    top: 0;
    margin-bottom: 60px;
  }

  .education .sticky {
    top: 65px;
  }

  .educationright {
    width: 100%;
  }

  .education .footerLinkRight {
    flex-direction: row;
  }

  .edubox .circleHighlight::before {
    /* top: -32px;
        left: -13px;
        width: 277px; */
    top: -31px;
    left: -28px;
    width: 290px;
  }

  .headingsRight {
    width: 100%;
  }

  .educationinner {
    background: url("https://files.mastersunion.link/resources/img/edurightbg.png");
    background-repeat: no-repeat;
    padding: 20px;
    border: 1px solid #3b3b3b;
    border-radius: 20px;
    width: 100%;
  }

  .highlightBanner .heading {
    font-size: 3rem;
  }

  .afterMuStudentLife .highlightsec {
    padding: 55px 0 !important;
    padding-top: 110px !important;
  }

  .highlightsec {
    padding-top: 70px !important;
    padding-bottom: 0 !important;
  }

  .reviewdetail .highlightsec {
    padding-bottom: 55px !important;
  }

  section.stickymenu .container {
    padding: 0;
  }

  .applynow .flexbox {
    flex-direction: column;
    gap: 30px;
  }

  .applyleft {
    width: 100%;
    margin-top: 50px;
  }

  .registerbox {
    width: 100%;
    row-gap: 20px;
    padding: 56px 20px;
    flex-direction: column;
  }

  /* .cravePathHeart {
        width: 100px;
    } */

  .masterlandingpage .meetMaster .mainHeading {
    min-width: max-content;
  }

  .meetMaster .headingsLeft .mainHeading {
    margin-top: 0;
  }

  .cardWraps {
    margin-top: 0;
  }

  .cardContent {
    min-height: 292px;
  }

  .founderLeft .headingsLeft {
    width: 100%;
  }

  .founderCXO.visible .founderRight {
    opacity: 1;
    transform: rotate(0deg);
  }

  .journey .navigationWrapper ul {
    gap: 40px;
  }

  .meetMaster .strike::after {
    top: 15px;
    height: 2px;
  }

  .meetMaster .headingsLeft {
    align-items: flex-start;
  }

  .form {
    width: 100%;
  }

  .registerbox::before {
    content: none;
  }

  .highlightsec .circleHighlight::before {
    left: -20px;
    top: 14px;
    width: 157px;
  }

  .masterlandingpage .anumniaSlider .headingsLeft {
    flex-direction: column-reverse;
    gap: 30px;
  }

  .masterlandingpage .anumniaSlider .mainHeading {
    width: 100%;
  }

  .footerHeading {
    font: 1rem "go-medium";
  }

  .overlayRightBotton {
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .overlayLeftBotton {
    max-width: 100%;
  }

  .overlayMidVideo {
    min-height: 104px;
  }

  .commonOverlay {
    left: 5%;
    padding: 36px 20px;
    max-width: 338px;
  }

  .overlayedSwiper .swiper-button-next {
    width: 40px;
    right: 0;
    z-index: 1000;
  }

  .overlayedSwiper .swiper-button-prev {
    width: 40px;
    left: 0;
    z-index: 1000;
  }

  .overlayedSwiper::after {
    left: 5.9%;
    border: 9px solid #000000;
    width: 85%;
    height: 95%;
    top: -7px;
  }

  .recuiterWrap {
    background: url("https://files.mastersunion.link/resources/img/recuiterBGmob.webp");
    background-repeat: no-repeat;
    background-size: cover;
  }

  .recuiterWrap:after {
    content: unset;
  }

  .cardWrapper {
    flex-direction: column;
    gap: 150px;
  }

  .gradientCard {
    min-height: unset;
    min-width: unset;
  }

  /* .beatingMid {
        line-height: 7;
    } */

  /* 
    .beatingHearts .cravePathHeart {
        right: 20px;
    } */

  .playIcon img {
    max-width: 50px;
  }

  .socialLinkBold {
    font-size: 1rem;
  }

  .animStroke {
    top: 441px;
    width: 42%;
    transform: rotate(102deg);
  }

  .downloadText {
    width: 47%;
    font-size: 0.75rem;
  }

  .muLinks {
    font-size: 1rem;
    font-family: "go-regular";
    padding: 15px 0;
    border-top: 1px solid var(--black5) !important;
  }

  .opprDesignation {
    font-size: 1rem;
  }

  .commonOverlay .overlayText {
    width: 100%;
    font-size: 0.875rem;
  }

  .downloadStore {
    width: 28%;
  }

  .learningLeft {
    padding-top: 0;
  }

  .heroSection .heroRightButtons .whiteFillButton {
    min-width: 100%;
    padding-block: 14px;
    justify-content: center;
  }

  .heroSection .heroRightButtons .transparentButton button {
    min-width: 100%;
    padding-block: 14px;
    justify-content: center;
    font-size: 16px;
  }

  .heroSection .heroRightButtons .transparentButton {
    min-width: 100%;
  }


  .heroSection .circleHighlight::before {
    left: -12px;
    top: -7px;
    width: 150px;
  }

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

  .edubox .heroHeading:first-child {
    padding: 0;
    text-align: center;
  }

  .edubox .circleHighlight {
    padding: 0;
    margin: 0;
  }

  /* 
    .edubox .teaching1heading {
        margin-top: 20px;
    } */

  .text-20 {
    font-size: 1rem;
  }

  .AnimcardText {
    padding: 16px;
  }

  .content-section .flexbox {
    gap: 20px;
  }

  .terms .rightCard {
    transform: rotate(0deg);
  }

  .classouter {
    padding: 12px;
  }

  .terms .rightCard {
    padding: 20px 12px;
  }

  section {
    padding: 60px 0 !important;
    /*mobile responsive*/
  }

  .stickymenu {
    padding: 5px 0 !important;
  }

  .aboutadmission .greybg {
    background: url("https://files.mastersunion.link/resources/img/greycardBgMob.png");
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
  }

  .mobVisible {
    display: block;
    width: 100%;
  }

  .main-section {
    padding: 0 !important;
  }

  .gradiantSection {
    padding: 0 !important;
  }

  .inclassSessionContainer {
    flex-direction: column;
  }

  .inclassSessionContainerCenter {
    order: 1;
  }

  .inclassSessionContainerLeft {
    order: 2;
  }

  .inclassSessionContainerRight {
    order: 3;
    display: none;
  }

  .guestSessionContainer {
    flex-direction: column;
  }

  .guestSessionLeft {
    flex-direction: column-reverse;
  }

  .guestMobContainer {
    width: 100%;
  }

  .lunchBreakSection .header {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
  }

  .scrollDiv {
    margin-left: 20px;
  }

  .marquee {
    animation: marquee 10s linear infinite;
  }

  .pgphighlight .heroRightButtons {
    margin-top: 0;
    padding-left: 0;
  }

  .highlightBanner .boxWrapper {
    padding: 0;
    justify-content: center;
    align-items: center;
  }

  .highlightBanner .boxWrapper .box {
    width: 60%;
    gap: 8px;
  }

  .meetopportunity .mainHeading {
    font-size: 1.5rem;
    font-family: "go-extrabold";
  }

  .mob-mt-0 {
    margin-top: 0;
  }

  .mob-mt-15 {
    margin-top: 15px;
  }

  .vibrantcomm .text-18 {
    color: var(--grey8);
  }

  .vibrantcomm .cardsWrapper {
    margin-top: 48px;
  }

  .navigationWrapper {
    margin-top: 30px;
    margin-bottom: 20px;
  }

  .content-section .content .faqquestionWrap:last-child {
    margin-bottom: 0;
  }

  .mob-mt-30 {
    margin-top: 30px;
  }

  .pgphighlight .boxiHeading {
    font-family: "go-medium";
  }

  .careerjourney .navigationWrapper ul {
    justify-content: flex-start;
    align-items: center;
  }

  .terms .lottieBoxes {
    margin-top: 24px;
  }

  .lottieBoxes .innerBox {
    width: 100%;
  }

  .lottieBoxes .innerBox .box2col {
    width: 100%;
    margin-bottom: 8px;
    justify-content: space-between;
  }

  .lottieBoxes .innerBox img {
    width: 24px;
  }

  .course-roster .box2col {
    flex-direction: column;
    gap: 10px;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .course-roster .box2col .select-form {
    margin-top: 0;
    width: 100%;
  }

  .course-roster .box2col .select-form .custom-select {
    width: 100%;
    max-width: 100%;
    padding: 8px 12px;
  }

  .selectingStudents .headingsLeft {
    width: 100%;
  }

  .selectingStudents .card .mainHeading {
    font-size: 1.5rem;
    letter-spacing: 0;
    font-family: "go-semibold";
    text-transform: capitalize;
  }

  .selectingStudents .card img {
    margin: 0;
  }

  .selectingStudents .contentWrap {
    margin-top: 35px;
    gap: 10px;
  }

  .aboutadmission .boxWrapper {
    padding: 0;
  }

  .feeProcessContainer .leftSection {
    display: none;
  }

  .feeProcessContainer .rightSection {
    width: 100%;
  }

  .mob-mt-16 {
    margin-top: 16px;
  }

  .mob-mb-8 {
    margin-bottom: 8px;
  }

  .masterflex .lineSpace {
    margin: 0;
    padding: 0;
  }

  .procedureImg {
    width: 40px;
    height: 40px;
  }

  .procedureImgGrad {
    width: 40px;
    height: 40px;
  }

  #growingDiv {
    left: 8%;
  }

  .feeProcessContainer .rightSection {
    gap: 8px;
  }

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

  

  .mobHeader .heading {
    font-size: 1.25rem;
    font-family: "go-semibold";
  }

  .mobHeader .number {
    font-size: 1.25rem;
    color: var(--black);
    font-family: "go-regular";
  }

  .feeProcessContainer .rightSection .body {
    gap: 12px;
  }

  .feeBox .header .heading {
    font-size: 16px !important;
  }

  .feeBox .header {
    padding: 16px 12px;
  }

  .feeBox .body {
    padding: 10px;
  }

  .maxcontent {
    text-align: justify;
  }

  .custom-select {
    max-width: 100%;
  }

  .feeBox .announcementBox {
    flex-direction: column;
    padding: 12px;
    gap: 5px;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .feeBox .announcementBox p {
    font-size: 0.75rem;
    font-family: "go-medium";
  }

  .rightSection .body .header .heading {
    font-size: 0.875rem;
  }

  .feeBox .detailsList .listItem {
    font-size: 0.75rem;
  }

  .feeBox .subHeading {
    font: 0.875rem "go-semibold";
    color: var(--black5);
  }

  .detailsList .list li {
    font: 0.813rem "go-regular";
    color: var(--grey18);
  }

  .feeBox .detailsList .text {
    font-size: 0.75rem;
  }

  .feeBox .detailsList .heading {
    font-size: 0.875rem;
  }

  .feeBox .header img {
    width: 20px;
    height: 20px;
  }

  .feeBox .announcementBox img {
    width: 24px;
    height: 24px;
  }

  .feeProcessContainer {
    margin-bottom: 48px;
  }

  .feeProcessContainer .rightSection::before {
    height: 120%;
    left: 4.5%;
  }

  #growingDiv {
    top: 40px;
  }

  .investinFuture .learningWrap mt60 {
    margin-top: 26px;
  }

  .investinFuture .learningWrap mt60 {
    margin-top: 20px;
  }

  .box .mainHeading {
    font-size: 1.125rem;
  }

  .learningRight .text-16 {
    font-size: 0.875rem;
    margin-top: 12px;
  }

  .careerplacement .text-18 {
    font-size: 0.875rem;
  }

  .heading80 {
    font-size: 3rem;
    font-family: "go-regular";
  }

  .careerplacement .lineSpace {
    padding: 0;
  }

  .mob-mb-16 {
    margin-bottom: 15px;
  }

  .cohort .text-24 {
    font-size: 0.875rem;
  }

  .cohort .flexbox {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
  }

  .mob-mt-0 {
    margin-top: 0;
  }

  .ctcsection .contentNew {
    overflow: auto;
  }

  .ctcsection .contentNew img {
    max-width: max-content;
    width: max-content;
  }

  .mob-mt-12 {
    margin-top: 12px;
  }

  .transbox {
    padding: 16px 0;
    width: 100%;
    padding-left: 0 !important;
  }

  .transbox .text-18 {
    font-size: 0.875rem;
  }

  .transinner {
    border: none;
  }

  .masterinner {
    padding: 0;
  }

  .transinner:last-child .flexbox,
  .transbox {
    padding-left: 0px !important;
  }

  .mob-pt-0 {
    padding-top: 0 !important;
  }

  .masterinner .flexbox {
    gap: 10px;
    justify-content: space-between;
  }

  .placementWrap .RightBoxi,
  .placementWrap .leftBoxi {
    padding: 0 0;
  }

  .pgpcohort .placementWrap {
    padding-bottom: 0;
  }

  .pgpcohort .boxiBox .boxiHeading {
    font-size: 1.25rem;
    font-family: "go-semibold";
  }

  .industrybg.highlightBanner {
    padding: 24px 16px;
  }

  .industrybg.highlightBanner .text-32 {
    font-size: 1.5rem;
    font-family: "go-semibold";
  }

  .pgpcohort .highlightBanner .boxWrapper {
    padding: 24px;
    gap: 30px;
    justify-content: space-between;
  }

  .pgpcohort .highlightBanner .boxWrapper .box {
    width: 45%;
  }

  .educationinner {
    padding: 16px;
  }

  .educationinner img {
    margin-bottom: 8px;
  }

  .mob-mt-10 {
    margin-top: 10px;
  }

  .vibrantcomm .text-18 {
    font-size: 0.875rem;
    margin-top: 15px;
  }

  .vibrantcomm .cardsWrapper .flexbox {
    bottom: 25px;
    justify-content: space-between;
    padding: 0 20px;
  }

  .vibrantcomm .cardsWrapper .flexbox img {
    width: 24px;
    height: 24px;
  }

  .packageouter {
    padding: 20px;
  }

  .font-28 {
    font-size: 22px;
  }

  .intheNewsSlider .box {
    height: 100%;
  }

  .intheNewsSlider .box img {
    height: 100%;
    width: 100%;
  }

  .placementRight .boxiBox {
    padding: 24px 16px;
  }

  .placementRight .boxiBox .boxiHeading {
    font-size: 20px;
    font-family: "go-semibold";
  }

  .placementRight .boxiBox .boxiData {
    font-size: 0.875rem;
    margin-top: 4px;
  }

  .pgpcohort .boxiBox .boxiHeading small {
    font: 1rem "go-bold";
  }

  .terms .rightCard .mainHeading {
    font-size: 2.5rem;
    margin-top: 0;
    text-align: center;
    margin-left: 0;
  }

  .careerjourney .rightCard .box2col {
    width: 100%;
    margin-bottom: 8px;
    justify-content: space-between;
  }

  .careerjourney .rightCard .box2col img {
    width: 24px;
  }

  .ceochallenge .box {
    padding: 0;
  }

  .ceochallenge .box .mainHeading {
    font-size: 1.5rem;
    margin-bottom: 20px;
  }

  .ceochallenge .masterleft .box2col {
    justify-content: flex-start;
    align-items: flex-start;
  }

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

  .ctcsection .content {
    overflow: auto;
  }

  .ctcsection .content img {
    max-width: unset;
    width: 61rem;
    padding-bottom: 20px;
  }

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

  .educationJourney .boxwrapper .left {
    width: 100%;
  }

  .educationJourney .boxwrapper .right {
    width: 100%;
  }

  .workwithus .heroWrapper .left {
    width: 100%;
  }

  .educationJourney.newjourney .boxwrapper .left {
    width: 100%;
  }

  .educationJourney .boxwrapper .text-16 {
    font-size: 0.875rem;
  }

  .mainHeading {
    letter-spacing: normal;
  }

  .workwithus .educationJourney.becomeMaster .mainHeading {
    width: 100%;
    font-size: 1.5rem;
  }

  .workwithus .educationJourney.becomeMaster .boxwrapper .left {
    width: 100%;
  }

  .workwithus .educationJourney.becomeMaster .mastersList {
    gap: 30px;
  }

  .workwithus .educationJourney.becomeMaster .heading {
    font-size: 1.125rem;
  }

  .workwithus .educationJourney.becomeMaster .text {
    font-size: 0.875rem;
  }

  .text-18 {
    font-size: 0.875rem;
  }

  .newclass .contentWrapper .absoluteimg {
    top: 270px;
    left: 67%;
    z-index: -1;
  }

  .newclass .contentWrapper .text-18 {
    margin-top: 24px;
  }

  .medical .headingsRight {
    display: none;
  }

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

  .workwithus .newclass .navigationWrapper {
    margin-top: 40px;
  }

  .workwithus .medicalWrap {
    flex-direction: column;
  }

  .medileft {
    width: 100%;
  }

  .mediright {
    width: 100%;
  }

  .medileft .text-32 {
    font-size: 1.5rem;
  }

  .medical .text-16 {
    font-size: 0.875rem;
    line-height: 140%;
    margin-top: 8px;
  }

  .mob-mt-8 {
    margin-top: 8px;
  }

  .medical .lineSpace {
    margin-top: 32px;
    padding: 0px;
    margin-bottom: 32px;
  }

  .educationJourney .subtext {
    font-size: 0.875rem;
    margin-top: 16px;
    margin-bottom: 32px;
    padding: 0;
  }

  .educationJourney .boxwrapper {
    gap: 30px;
  }

  .becomeamaster .educationJourney .mastersList {
    gap: 20px;
  }

  .becomeamaster .educationJourney .heading {
    font-size: 1.125rem;
  }

  .becomeamaster .educationJourney .text {
    font-size: 0.875rem;
  }

  .becomeamaster .educationJourney .mastersList li {
    gap: 16px;
  }

  .careerPotential .educationJourney .contentWrap h5 {
    font: 1rem "go-semibold";
  }

  .careerPotential .educationJourney .contentWrap p {
    font: 0.813rem "go-regular";
  }

  .becomeamaster .educationJourney .mastersList li img {
    width: 40px;
    height: 40px;
  }

  .highlightBanner .heading {
    font-size: 3rem;
    font-family: "go-medium";
  }

  /* .highlightBanner span {
        font-size: 2rem;
        font-family: 'go-medium';

    } */

  .masterbanner .Wrapper {
    width: 100%;
  }

  .masterbanner {
    background-position: center;
  }

  .masterbanner .text-16 {
    font-size: 0.75rem;
    line-height: 160%;
  }

  .highlightsec .heroWrapper {
    padding-top: 0;
    align-items: flex-start;
  }

  .highlightsec .heroRightButtons.mt40 {
    margin-top: 0;
  }

  .reviewdetail .heroWrapper .left {
    width: 100%;
  }

  .reviewWrapper .left {
    width: 100%;
  }

  .reviewWrapper .right {
    position: unset;
  }

  .reviewdetail .contentwrap {
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .reviewdetail .reviewWrapper {
    flex-direction: column-reverse;
    gap: 30px;
  }

  .reviewWrapper .subText {
    font: 0.813rem "go-regular";
    color: var(--grey9);
  }

  .reviewWrapper h3 {
    font: 1.25rem "go-semibold";
  }

  .reviewtext {
    font-size: 0.875rem;
    line-height: 160%;
  }

  .reviewbox .text-18 {
    font-size: 1rem;
  }

  .mob-mt-40 {
    margin-top: 40px;
  }

  .moreblog .listcard {
    width: 100%;
  }

  .moreblog .listcardsWrapper {
    flex-wrap: unset;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: visible;
    width: 100%;
  }

  .listCardWrapperOuter {
    width: 100%;
    overflow: auto;
  }

  /* 
    .eventsMU .swiper-wrapper {
        padding: 15px;
    } */

  .creambg .headingsLeft {
    width: 100%;
  }

  .creambg .headingsRight {
    display: none;
  }

  .hostelSection .headingsRight {
    display: none;
  }

  .listingpage .highlightsec {
    padding-bottom: 80px !important;
    padding-top: 110px !important;
  }

  .rightSection .subContent {
    font: 0.813rem "go-regular";
  }

  .master-table th {
    padding: 15px;
  }

  .master-table.applicationprocessWrap td {
    text-wrap: nowrap;
    font: 0.813rem "go-medium" !important;
  }

  .master-table td {
    padding: 15px !important;
  }

  .master-table.applicationprocessWrap th {
    padding: 12px;
    vertical-align: middle;
  }

  .master-table {
    font-family: "go-regular";
    width: max-content !important;
  }

  .master-table.applicationprocessWrap th {
    font: 0.75rem "go-medium";
    color: var(--black5);
  }

  .master-table.applicationprocessWrap th {
    font: 0.75rem "go-medium";
    color: var(--black5);
  }

  .vibrantcomm .cardsWrapper .box {
    width: 100%;
    max-width: 100%;
  }

  .investimgbox .investimgboxWrap {
    top: 80px;
    height: max-content;
  }

  .terms .leftCard::after {
    display: none;
  }

  .mobImgScrollView {
    overflow: auto;
  }

  .mobImgScrollView img {
    max-width: max-content;
    width: max-content;
  }

  .industrybg .box .mainHeading {
    font-size: 2rem;
  }

  .industrybg .box .mainHeading span {
    font-size: 20px !important;
  }

  .pgphighlight .highlightsec {
    padding-top: 110px !important;
  }

  .investimgboxWrap .box {
    margin: 0;
  }

  .ourteambanner {
    background-position: center;
    background-size: cover;
    padding: 30px 20px;
    background: var(--white);
  }

  .joinOurTeam {
    padding: 20px 0 !important;
  }

  .joinOurTeam .ourteambanner {
    padding: 30px 20px;
    min-height: auto;
    /* min-height: 378px; */
    background: url("https://files.mastersunion.link/resources/svg/workBanner.svg") var(--white);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
  }

  .mobMenuOuter {
    display: flex;
    width: 100%;
    background: var(--black);
    position: fixed;
    height: 100dvh;
    top: 0;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    left: -100%;
    transition: 0.5s ease;
  }

  .mobMenuOuter.active {
    left: 0;
  }

  .mobMenuHeader {
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  .mobMenuBody {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    /* gap: 32px; */
    width: 100%;
    padding: 0 15px 15px;
    overflow-y: auto;
    height: calc(100dvh - 73px);
  }

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

  .mobMenuItem {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding: 16px 16px;
    transition: 0.4s ease;
    gap: 24px;
    position: relative;
    border-radius: 12px;
  }

  .mobMenuItem.active {
    background: var(--black4);
    border-radius: 8px;
  }

  .mobMenuItemHeader .heading {
    font-size: 0.875rem;
    color: var(--white);
    font-family: "go-medium";
    transition: 0.4s ease;
    text-transform: uppercase;
  }

  .mobMenuItemBody {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    gap: 32px;
    position: relative;
  }

  .mobMenuItemBody .bodyBox {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    gap: 12px;
  }

  .bodyBox .heading {
    font-size: 0.75rem;
    text-transform: uppercase;
    color: var(--grey8);
  }

  .mobMenuItemBody .links {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    gap: 16px;
  }

  .links .link {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 10px;
    align-items: flex-start;
    width: 100%;
    transition: 0.3s ease;
  }

  .links .link img {
    display: none;
  }

  .links .link:hover img {
    display: block;
  }

  .links .link .linkText {
    font-size: 0.875rem;
    color: var(--white);
    transition: 0.3s ease;
  }

  .links .link:hover .linkText {

    text-decoration: underline;
  }

  .mobMenuItem.active .mobMenuItemHeader .heading {
    background: linear-gradient(90deg,
        #39b6d8 4.12%,
        #f7d344 52.06%,
        #e38330 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .mobMenuItem .mobMenuItemHeader .togglerDown {
    display: block;
  }

  .mobMenuItem .mobMenuItemHeader .togglerUp {
    display: none;
  }

  .mobMenuItem.active .mobMenuItemHeader .togglerDown {
    display: none;
  }

  .mobMenuItem.active .mobMenuItemHeader .togglerUp {
    display: block;
    transform: rotate(180deg);
    transition: 0.4s ease-in-out;
  }

  .mobMenuItem .gradientBorder {
    display: none;
  }

  .closeIcon {
    padding-inline: 18px;
    /* width: 19%; */
    padding-right: 0;
  }

  .mobMenuItem.active .gradientBorder {
    display: block;
  }

  .hamburger {
    display: flex;
    width: 15%;
    padding-inline: 22px;
    padding-right: 0;
  }

  #header.height {
    height: 100%;
  }

  .about .herobanner .text-3 {
    font-size: 0.875rem;
    line-height: 140%;
  }

  .aboutheroleft .heroHeading {
    font-size: 2rem;
    margin-bottom: 30px;
  }

  .about .herobanner .masterPlay {
    left: 0;
    top: 0;
  }

  .about .herobanner .masterPlay .absoluteimg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .aboutheroleft img {
    float: right;
  }

  .about .teachingwrapper .teachingleft {
    width: 100%;
  }

  .teachingwrapper .heroHeading {
    font-size: 2rem;
    margin-bottom: 0;
  }

  .teachingwrapper .flexbox {
    gap: 16px;
  }

  .teachingwrapper .text-18 {
    font-size: 0.875rem;
    color: var(--grey8);
  }

  .teachingwrapper .text-18 b {
    font-family: "go-medium";
    font-weight: 300;
  }

  .teachingwrapper .masterPlay img {
    position: absolute;
    /* top: -100px; */
  }

  .numberimg {
    position: absolute;
    left: 0px;
    top: -150px;
  }

  .teachingwrapper .lineSpace {
    margin-top: 30px;
    padding-top: 50px;
  }

  .missionLeft,
  .missionCenter,
  .missionRight {
    max-width: 100%;
  }

  .greybox .contentWrapper {
    display: flex;
    flex-direction: column-reverse;
    gap: 20px;
  }

  .img2 {
    top: -30px !important;
  }

  .img3 {
    position: absolute;
    left: 0px !important;
    top: -120px !important;
  }

  .mob-mb-40 {
    margin-bottom: 40px;
  }

  .mob-mt-24 {
    margin-top: 24px;
  }

  .highlightsec .circleHighlight::before {
    display: none;
  }

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

  .mob-mt-20 {
    margin-top: 20px;
  }

  .timelinewrapper {
    width: 100%;
  }

  /* .abouttimeline .flexbox {
        display: none !important;
    } */

  .yearBox {
    display: flex;
    /* flex-direction: column; */
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    gap: 10px;
    position: relative;
  }

  .yearBox .header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    gap: 12px;
  }

  .yearBox .header .year {
    font-size: 1rem;
    color: var(--grey6);
  }

  .yearBox .body {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px;
    /* padding-left: 50px; */
    width: 100%;
  }

  .yearBox .contentBox {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 12px;
  }

  .yearBox .contentBox .heading {
    font-size: 0.875rem;
    font-family: "go-regular";
    color: var(--white);
  }

  .yearBox .contentBox .list {
    display: flex;
    list-style: disc;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 5px;
    padding-left: 15px;
  }

  .yearBox .contentBox .listItem {
    font-size: 0.75rem;
    color: var(--grey13);
  }

  .yearBox .leftSection,
  .yearBox .rightSectio {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 5px;
  }

  .yearBox .leftSection {
    justify-content: flex-start;
    align-items: flex-end;
    width: 20%;
  }

  .yearBox .rightSection {
    width: 80%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 5px;
    flex-direction: column;
  }

  .yearBox .leftSection .body {
    justify-content: flex-end;
  }

  .yearBox .leftSectionOuter {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 20%;
  }

  .course-roster .breadcrumb {
    margin-bottom: 20px;
  }

  .course-roster .text-16 {
    font-size: 0.875rem;
  }

  .course-roaster .custom-select {
    max-width: 100%;
  }

  .courseRoster-selectCaret {
    right: 15px;
    bottom: 28%;
  }

  .stickyCourseRoaster {
    position: unset;
    background: none;
    padding: 0;
    margin-bottom: 15px;
  }

  .fixed-row {
    position: unset;
  }

  .rightSectionDynamicElement {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    transition: 0.4s;
  }

  .noStickyMob {
    position: relative;
    top: auto !important;
  }

  .applicationTableWrap {
    overflow: auto;
    padding-bottom: 20px;
  }

  .pgphighlight .investimgbox .investimgboxWrap {
    position: relative;
    top: 0;
    /* margin-top: -30px; */
  }

  .selectingStudents .cardsWrapper .gridBox {
    min-height: 300px;
    min-width: 90%;
  }

  .pgphighlight .selectingStudents .cardsWrapper .gridBox {
    min-height: 340px;
    min-width: 90%;
  }

  .selectingStudents .cardsWrapper .floatDetails,
  .selectingStudents .cardsWrapper .overLayDetail {
    min-height: inherit;
  }

  .pgphighlight .curriculum .lottieBoxes .innerBox p br {
    display: none;
  }

  .collaboration .box {
    max-width: 50%;
    width: 100%;
  }

  .transbox .box2col {
    gap: 25px;
  }

  .pgpSustainSubHeading {
    margin-top: 40px;
  }

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

  .vibrantcomm .cardsWrapper .gridBox {
    max-width: 100%;
  }

  .ughighlight .leftBoxi,
  .ughighlight .RightBoxi {
    gap: 10px;
  }

  .mob-mb-0 {
    margin-bottom: 0;
  }

  .yearheading {
    padding-top: 0;
    padding-bottom: 20px;
  }

  .ughighlight .investimgbox .investimgboxWrap {
    position: relative;
    top: 0;
    margin-top: -30px;
  }

  .investinFuture .investimgbox {
    top: 40px !important;
  }

  .mob-pb-10 {
    padding-bottom: 0 !important;
  }

  .mob-mt-0 {
    margin-top: 0 !important;
  }

  .informationWrapper {
    padding: 20px 10px 40px;
    flex-wrap: wrap;
    gap: 20px;
    flex-direction: column;
    align-items: flex-end;
    position: relative;
    margin-top: 20px;
    font: 0.813rem "go-regular";
    line-height: 160%;
  }

  .ughighlight .pgpMapSustain {
    background: var(--white);
    padding: 0;
  }

  .ugGlimpses .left p {
    color: var(--grey15);
    line-height: 160%;
  }

  .informationWrapper img {
    position: absolute;
    bottom: 15px;
  }

  .informationWrapper>p {
    width: 100%;
  }

  .cohortwrapper .box2col {
    /* max-width: calc(50% - 15px); */
    width: 100%;
  }

  .cohortwrapper .box2col>img {
    width: 100%;
    max-width: 76px;
  }

  .cohortwrapper .box {
    width: 100%;
  }

  .content-section .flexbox>p {
    width: 100%;
  }

  .iconFlex {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;

    a {
      line-height: 0;
    }
  }

  .ugcareerprospect .cohortwrapper .box2col {
    max-width: 100%;
  }

  .ugcareerprospect .cohortwrapper .box2col>img {
    width: auto;
  }

  .futureReadyWrap .txtgroup>p {
    /* display: flex; */
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
  }

  .ugcareerprospect .futureGroup {
    width: 100%;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
  }

  .ugcareerprospect .futureGroup>img {
    max-width: 40px;
  }

  .ugcareerprospect .futureGroup .txtgroup {
    max-width: 80%;
  }

  .ugadmisison .ugbannerWrap .contenttxt {
    top: 30px;
  }

  .ugadmisison .ugbannerWrap {
    background-position: bottom;
    background-position-x: right;
  }

  .ugbannerWrap {
    position: relative;
    padding: 20px;
    background-position: 100% 0%;
    background-size: 180%;
    width: 100%;
    min-height: 430px;
    align-items: end;
    display: flex;
  }

  .aboutUGProgram {
    background: url("https://files.mastersunion.link/resources/img/blackbgSvg.webp") var(--black);
    background-repeat: no-repeat;
    background-position: left;
    background-position-y: top;
  }

  .networkingbox .heading {
    font: 0.875rem "go-semibold";
  }

  .ugbannerWrap .contenttxt {
    width: 100%;
  }

  .topCountBox {
    padding-bottom: 32px;
    margin-bottom: 32px;
  }

  .companiesWrap .report {
    display: block;
    min-width: 80px;
  }

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

  .newFaqText {
    max-width: 50%;
  }

  .engagementsAtUnion .toggler {
    max-width: 32px;
  }

  .engagementsAtUnion .faqanswer {
    margin-top: 10px;
  }

  .spaceBreaker {
    margin-bottom: 15px;
  }

  .teachingHeadWrap.collaboration .headingWrap {
    width: 100%;
  }

  .companiesFlexWrap {
    flex-wrap: wrap;
    gap: 30px;
  }

  .contentCover {
    margin-bottom: 0px;
  }

  .companiesFlexLeft {
    max-width: 100%;
  }

  .contentCover:not(:last-child)::before {
    left: 5%;
    top: 30px;
  }

  .contentCover:not(:first-child) {
    margin-top: 50px;
  }

  .companiesFlexRight {
    max-width: 100%;
  }

  .headingFlexing {
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 25px;
  }

  .headingFlexing h2 {
    max-width: 100%;
  }

  .headingFlexing p {
    max-width: 100%;
  }

  .mutipleFormWrappper .navigationWrapper {
    margin-bottom: 0;
  }

  .mutipleFormWrappper .formsWraps {
    margin-top: 35px;
    flex-wrap: wrap;
  }

  .mutipleFormWrappper .applyleft {
    margin-top: 0;
    margin-bottom: 35px;
  }

  .mutipleFormWrappper .registerbox {
    padding: 30px 20px;
  }

  .muAfterHomepage .pathwrapper .left,
  .muAfterHomepage .pathwrapper .right {
    width: 100%;
  }

  .clubbox .lineSpace {
    margin-top: 10px;
    padding-top: 10px;
  }

  .muAfterHomepage .reviews {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }

  .muAfterHomepage .reviews .reviewBox {
    width: 100%;
  }

  .muAfterHomepage .reviews .swiperContainer {
    width: 100%;
  }

  .muAfterHomepage .reviewSwiper .imageCard.swiper-slide-active {
    width: 370px !important;
    height: 100%;
  }

  .muAfterHomepage .reviewBox .border {
    border-color: var(--grey13);
    margin: 15px 0;
  }

  .cityWrapper {
    margin-top: 40px;
    gap: 60px;
    row-gap: 50px;
    justify-content: flex-start;
  }

  .cityWrapper .clubbox {
    max-width: calc(40% - 25px);
    width: 100%;
  }

  .muAfterHomepage .newAchievements .headingWrap {
    flex-wrap: wrap;
    gap: 20px;
  }

  .muAfterHomepage .newAchievements .headingsLeft .mainHeading {
    width: 100%;
  }

  .muAfterHomepage .newAchievements .headingsLeft,
  .muAfterHomepage .newAchievements .headingsRight {
    width: 100%;
  }

  .muAfterHomepage .newAchievements .headingsRight {
    justify-content: flex-start;
  }

  .achieveTop {
    gap: 15px;
    margin-top: 25px;
  }

  .topAchieveLeft,
  .topAchieveRight {
    max-width: 100%;
  }

  .achieveContent {
    padding: 15px;
  }

  .topAchieveRight {
    padding: 100px 15px 15px;
  }

  .achieveBottom {
    margin-top: 15px;
    margin-left: 0;
    flex-wrap: wrap;
  }

  .muAfterHomepage .cohortwrapper .box2col>img {
    width: 100%;
    height: 90px;
    object-fit: cover;
    border-radius: 10px;
    overflow: hidden;
    object-position: center;
  }

  .muAfterHomepage .cohortwrapper .eventTag {
    padding: 0;
    background: transparent;
  }

  .muAfterHomepage .spotlightSlider {
    margin-top: 140px;
  }

  .muAfterHomepage .highlightsec {
    padding: 100px 0 55px !important;
    align-items: flex-end;
  }

  .careerBoxWraps {
    margin-top: 40px;
  }

  .stickBreaker {
    max-height: 75px;
  }

  .muafterCareer .myafterCareer {
    flex-wrap: wrap;
  }

  .muafterCareer .careerplacement .mainHeading {
    width: 100%;
  }

  .muafterCareer .careerplacement .flexbox {
    margin-top: 40px;
  }

  .muafterCareer .cohort .report {
    max-width: 50%;
  }

  .muafterCareer .cohort .report:first-child {
    display: block;
    width: 100%;
  }

  .cohorttab .navigationWrapper ul {
    justify-content: space-around;
  }

  .reportWrap {
    width: 100%;
    justify-content: flex-start;
    margin-top: 10px;
  }

  .reportWrap .report {
    display: block;
    width: 100%;
    max-width: 100% !important;
  }

  .reportWrap .report>img {
    width: 100%;
  }

  .muafterCareer .placementLeader .masterBox {
    margin-bottom: 20px;
  }

  .muafterCareer .cohortwrapper {
    margin-top: 30px;
    flex-wrap: wrap;
    max-height: 400px;
  }

  .muafterCareer .cohortwrapper .box2col {
    min-width: calc(95% - 10px);
    flex-direction: row;
  }

  .muafterCareer .cohortwrapper .box2col>img {
    width: auto;
  }

  .muafterCareer .aftercarerrbanner .mainHeading {
    width: 100%;
  }

  .muafterCareer .aftercarerrbanner .ourteambanner .headingsRight {
    display: none;
  }

  .muafterCareer .careerInitiative .header {
    margin-top: 40px;
    flex-wrap: wrap;
    gap: 15px;
  }

  .muafterCareer .careerInitiative .header p:first-child,
  .muafterCareer .careerInitiative .header p:last-child {
    width: 100%;
  }

  .pgphighlight.homepage.muafterCareer .faqquestionWrap {
    padding: 15px 10px;
  }

  .muafterCareer .faqquestionWrap {
    padding: 15px 0;
  }

  .faqquestionWrap2 {
    padding: 15px;
  }

  .faqquestionWrap2 img {
    width: 24px;
    height: auto;
  }

  .inovationhomepage .finWrapper {
    flex-wrap: wrap;
  }

  .finWrapper .left,
  .finWrapper .right {
    width: 100%;
  }

  .finWrapper .right {
    margin-top: 100px;
  }

  .arrowToFloat {
    position: absolute;
    left: 50%;
    top: 61%;
    z-index: 9;
    transform: rotate(105deg);
    width: 200px;
  }

  .inovationhomepage .highlightsec {
    background-position: 85%;
  }

  .innovationSlider {
    margin-top: 40px;
  }

  .innovationSlide {
    flex-wrap: wrap;
    padding: 15px;
  }

  .innovationSlide .eventImg {
    width: 100%;
    height: 110px;
    overflow: hidden;
  }

  .innovationSlide .eventData {
    width: 100%;
  }

  .innovationSlide .downloadApp {
    justify-content: space-between;
  }

  .inovationhomepage .innovationHomeSlider {
    padding: 80px 0 340px !important;
  }

  .innovationHomeSlider .keyInvestors {
    flex-wrap: wrap;
    gap: 40px;
  }

  .innovationHomeSlider .overlayedSwiper {
    margin-top: 180px;
  }

  .innovationHomeSlider .overlayBottom {
    margin-top: 70px;
  }

  .innovationHomeSlider .overlayedSwiper::after {
    left: 5.6%;
  }

  .inovationhomepage .vipchallenge .headingWrap {
    flex-wrap: wrap;
    gap: 30px;
  }

  .inovationhomepage .vipchallenge .headingsLeft,
  .inovationhomepage .vipchallenge .headingsLeft {
    width: 100%;
  }

  .vipcover {
    width: 95%;
    padding: 15px;
  }

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

  .downarrow {
    bottom: 10px;
    left: 46%;
  }

  .vipchallenge {
    background-image: none;
  }

  .companyWrapper {
    margin-top: 40px;
    padding-top: 40px;
    gap: 24px;
    row-gap: 40px;
    flex-wrap: wrap;
  }

  .companyWrapper .box {
    max-width: calc(50% - 12px);
    width: 100%;
  }

  .stayUpdated {
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 30px;
  }

  .stayUpdated>p {
    width: 100%;
  }

  .inovation .innovationSlide .eventImg {
    height: auto;
  }

  .inovation .innovationWrap .innovationSlide {
    padding: 15px;
  }

  .inovation .educationJourney .boxwrapper .left {
    width: 100%;
  }

  .inovation .educationJourney .boxwrapper .left .gradientButton {
    margin-top: 20px;
  }

  .inovation .educationJourney .boxwrapper .right {
    width: 100%;
  }

  .facultyresearchWrap {
    margin-top: 25px;
  }

  .webinarbox {
    width: 100%;
    padding: 15px;
  }

  .webinarlistWrapper {
    flex-wrap: wrap;
  }

  .webinarlistWrapper .list {
    width: 100%;
  }

  .webinarlistWrapper .list>img {
    float: left;
    margin-right: 10px;
  }

  .inovation .webinar .hrline {
    margin: 15px 0;
  }

  .educationJourney .headingsRight {
    justify-content: flex-start;
  }

  .inovation .finWrapper {
    flex-wrap: wrap;
  }

  .inovation .facility .masterleft {
    width: 100%;
  }

  .inovation .facility .finWrapper .right {
    width: 100%;
    margin-top: 40px;
  }

  .inovation .finWrapper .box2col {
    margin: 0;
  }

  .facility .lineSpace {
    margin-top: 20px;
    padding-top: 20px;
  }

  .inovation .facility .finWrapper .right .facilityBox {
    width: 100%;
  }

  .graphBox {
    overflow: auto;
    width: 100%;
    position: relative;
  }

  .graphBox>img {
    min-width: 950px;
  }

  .imgFaq {
    flex-wrap: wrap;
  }

  .faqImgList li {
    max-width: 100%;
  }

  .eventSlide.swiper-slide:hover .font-16 {
    color: var(--white);
  }

  .inovation .webinarfooter {
    padding-bottom: 0;
  }

  .inovationhomepage .educationJourney .headingWrap {
    flex-wrap: wrap;
    gap: 5px;
  }

  /* new home responsive */

  .insideoutsideWrapper {
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 20px;
  }

  .insideOutside {
    background: black;
  }

  .mainMenu {
    /* padding: 12px 15px; */
    width: 100%;
    justify-content: space-between;
    gap: 15px;
    flex-direction: row-reverse;
  }

  header .megaMenus {
    display: none;
  }

  .heroLeftFooter .clearButon {
    position: absolute;
    top: 20vh;
  }

  .insideOutside .leftWrapBox {
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    max-width: 100%;
    overflow: auto;
    gap: 20px;
    border-radius: 6px;
    margin-bottom: 20px;
    background: none;
  }

  .insideOutside .leftWrapBox li {
    min-width: max-content;
    font-size: 0.75rem;
  }

  .leftWrapBox li:not(:last-child)::after {
    top: 15px;
    right: -21px;
    width: 20px;
  }

  .insideBoxWrapper {
    flex-wrap: wrap;
    gap: 10px;
    flex-direction: column;
  }

  .insideBoxWrapper .insideBox {
    padding: 15px 15px;
    max-width: 100%;
  }

  .insideBoxWrapper .insideBox .headingsLeft {
    padding-left: 0;
  }

  .insideBoxWrapper .insideBox .sectionHeading {
    font-size: 0.875rem;
  }

  .founderLeft,
  .founderRight {
    width: 100%;
  }

  .founderLeft .gradientButton {
    margin-top: 20px;
  }

  .courseDetailsWrap {
    padding: 0;
  }

  .journey .buttonWrapper.flexbox {
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 7px;
    margin-top: 20px;
    justify-content: space-between;
  }

  .journey .buttonWrapper.flexbox .greyTag {
    padding: 6px 6px;
    font-size: 0.688rem;
    text-align: center;
    border-radius: 6px;
    flex: 1;
  }

  .multicard {
    border-radius: 20px;
    background-color: black;
  }

  .multicard .sectionHeading {
    z-index: 9;
  }

  .multicard .lightMuVector {
    z-index: -1;
  }

  .multicard .lightMuVector::after {
    bottom: -30px;
    width: 270px;
    left: -135px;
    filter: brightness(5.5);
  }

  .gradientCard {
    padding: 30px 20px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
  }

  .placementBox {
    padding: 20px 0 !important;
  }

  .homeAlumni {
    position: relative;
  }

  .homeAlumni .container-2 {
    padding: 0 15px;
  }

  .newsSlide2 .swiper-slide {
    min-width: unset !important;
    max-width: unset;
    box-shadow: none;
  }

  .newsSlide2 .swiper-slide .masterImage {
    width: 100%;
  }

  .mt40 {
    margin-top: 30px;
  }

  .events .masterbanner {
    background: url("https://files.mastersunion.link/resources/img/bannerPhone.webp");
    background-repeat: no-repeat;
    position: relative;
    background-size: cover !important;
    min-height: 600px;
  }

  .newsSlide2-prev>img {
    width: 100%;
  }

  .events .headingRight.mob-visible {
    width: 90%;
    flex-direction: row-reverse;
    justify-content: end;
    display: flex !important;
  }

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

  .elevateSkillSection.whiteLineBg {
    background: var(--white3);
  }

  .headingRight.mob-visible {
    display: flex !important;
    align-items: center;
    justify-content: end;
    gap: 10px;
    margin-top: 20px;
  }

  .headingRight.mob-visible .newsSlide2-prev {
    transform: rotate(-180deg);
    line-height: 0;
  }

  .headingRight.mob-visible .newsSlide2-next {
    line-height: 0;
  }

  .recuiterWrap .headingWrap .font-46 {
    font-size: 1.25rem;
    line-height: 120%;
  }

  .knowledgeHub {
    position: relative;
    min-height: 500px;
  }

  .knowledgeHub .learningWrap mt60 {
    gap: 0px;
    margin-top: 20px;
  }

  .knowledgeHub .container-2 {
    padding: 0 15px;
  }

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

  .knowledgeHub .learningRight {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    margin-top: 10px;
  }

  .knowledgeHub .learningRight .swiperBtnWrap {
    position: static;
    justify-content: flex-start;
    margin-top: 20px;
    gap: 10px;
  }

  .knowledgeHub .swiper-slide {
    min-width: unset;
    max-width: unset;
    background: none;
  }

  .journeyStarts .mobVisible {
    font-size: 1.25rem;
    line-height: 130%;
    font-family: "go-semibold";
    letter-spacing: 0;
  }

  /* about page */

  .knowledgeBox {
    max-width: 100%;
  }

  .teachingVideoWrapper {
    overflow-x: scroll;
    margin-top: 30px;
    padding-bottom: 20px;
  }

  .inovationhomepage .teachingVideoWrapper {
    margin-top: 20px;
  }

  .newClassWrapper {
    flex-wrap: wrap;
    gap: 20px !important;
  }

  .newclassRight {
    flex-wrap: wrap;
  }

  .about .sustainability .gridBox {
    min-width: 100%;
  }

  .menWrapper {
    flex-wrap: wrap;
    gap: 25px;
  }

  .menBox {
    padding: 0;
    margin: 0;
    border-right: none;
  }

  .menWrapper h2 {
    margin-bottom: 15px;
  }

  .gradientBoxWrap h6 {
    color: var(--white);
    font: 1.5rem "go-medium";
  }

  .blackSvgBg {
    background: black;
  }

  /* pgp page */
  .pgphighlight .secondnavgroup,
  .ughighlight .secondnavgroup {
    padding: 10px 15px;
  }

  .pgphighlight .secondnavgroup .seondtabs,
  .ughighlight .secondnavgroup .seondtabs {
    gap: 30px;
    padding: 10px;
  }

  .pgphighlight .highlightsec,
  .ughighlight .highlightsec {
    padding-top: 80px !important;
  }

  .pgphighlight .highlightsec .programmeHeading,
  .ughighlight .highlightsec .programmeHeading {
    font-size: 1.75rem;
  }


  .pgphighlight .highlightsec .heroWrapper,
  .ughighlight .highlightsec .heroWrapper {
    margin-top: 0;
    padding-bottom: 60px;
  }

  .pgphighlight .highlightsec .heroWrapper .programmeHeading,
  .ughighlight .highlightsec .heroWrapper .programmeHeading {
    margin-top: 40px;
  }

  .pgphighlight .highlightsec .heroWrapper .mobVisible,
  .ughighlight .highlightsec .heroWrapper .mobVisible {
    width: 100%;
  }

  .pgphighlight .highlightsec .heroWrapper .heroRightButtons,
  .ughighlight .highlightsec .heroWrapper .heroRightButtons {
    gap: 20px;
    margin-top: 25px;
  }

  .pgphighlight .highlightsec .heroWrapper .heroRightButtons>.gradientButton button,
  .ughighlight .highlightsec .heroWrapper .heroRightButtons>.gradientButton button {
    padding: 12px 16px;
  }

  .pgphighlight .highlightsec .heroWrapper .heroright,
  .ughighlight .highlightsec .heroWrapper .heroright {
    overflow: visible;
  }

  .pgphighlight .highlightsec .heroWrapper .heroright .programmeGreyCard,
  .ughighlight .highlightsec .heroWrapper .heroright .programmeGreyCard {
    right: -2%;
  }

  .pgphighlight .highlightsec .heroWrapper .heroright .programmeGreyCard img,
  .ughighlight .highlightsec .heroWrapper .heroright .programmeGreyCard img {
    max-width: 18px;
  }

  .pgphighlight .highlightsec .heroWrapper .heroright .programmeGreyCard p,
  .ughighlight .highlightsec .heroWrapper .heroright .programmeGreyCard p {
    font-size: 0.5rem;
  }

  .pgphighlight .highlightsec .masterImage,
  .ughighlight .highlightsec .masterImage {
    position: relative;
    overflow: visible;
  }

  .pgphighlight .highlightsec .masterImage img,
  .ughighlight .highlightsec .masterImage img {
    max-width: 100% !important;
    min-width: unset !important;
  }

  .pgphighlight .education,
  .ughighlight .education {
    position: relative;
  }

  .pgphighlight .education .footerLinkRight,
  .ughighlight .education .footerLinkRight {
    gap: 0;
    margin-bottom: 0;
    justify-content: flex-start;
  }

  .pgphighlight .education .educationright,
  .ughighlight .education .educationright {
    width: 100%;
    position: relative;
  }

  .pgphighlight .education .educationright .heading,
  .ughighlight .education .educationright .heading {
    font-size: 1.125rem;
  }

  .pgphighlight .education .educationright .eduBoxWrapper,
  .ughighlight .education .educationright .eduBoxWrapper {
    flex-wrap: wrap;
    gap: 0;
  }

  .pgphighlight .education .educationright .eduDetails,
  .ughighlight .education .educationright .eduDetails {
    margin-top: 10px;
  }

  .pgphighlight .education .educationright .eduDetails .tagline,
  .ughighlight .education .educationright .eduDetails .tagline {
    font-size: 0.813rem;
  }

  .pgphighlight .meetopportunity,
  .ughighlight .meetopportunity {
    position: relative;
  }

  .pgphighlight .meetopportunity .masterBoxMobOuter,
  .ughighlight .meetopportunity .masterBoxMobOuter {
    gap: 35px;
  }

  .pgphighlight .vibrantcomm,
  .ughighlight .vibrantcomm {
    position: relative;
  }

  .pgphighlight .vibrantcomm .headingWrap,
  .ughighlight .vibrantcomm .headingWrap {
    position: relative;
  }

  .pgphighlight .vibrantcomm .headingWrap .gradientButton,
  .ughighlight .vibrantcomm .headingWrap .gradientButton {
    margin-top: 0;
  }

  .pgphighlight .faqWrapBox .faqWrapper,
  .ughighlight .faqWrapBox .faqWrapper {
    position: relative;
    margin-top: 0;
    gap: 20px;
  }

  .pgphighlight .faqWrapBox .faqWrapper .navigationWrapper,
  .ughighlight .faqWrapBox .faqWrapper .navigationWrapper {
    margin-top: 0;
    margin-bottom: 0;
    max-width: 100%;
  }

  .pgphighlight .faqWrapBox .navigationWrapper,
  .ughighlight .faqWrapBox .navigationWrapper {
    border-radius: 6px;
  }

  .pgphighlight .faqWrapBox .navigationWrapper ul,
  .ughighlight .faqWrapBox .navigationWrapper ul {
    padding: 12px 12px;
    gap: 20px;
    border-radius: inherit;
  }

  .pgphighlight .faqWrapBox .navigationWrapper ul li,
  .ughighlight .faqWrapBox .navigationWrapper ul li {
    font-size: 0.75rem;
  }

  .pgphighlight .faqWrapBox .content,
  .ughighlight .faqWrapBox .content {
    position: relative;
  }

  .pgphighlight .faqWrapBox .content .faqquestionWrap,
  .ughighlight .faqWrapBox .content .faqquestionWrap {
    border-color: var(--grey4);
  }

  .pgphighlight .faqWrapBox .content .faqHeading,
  .ughighlight .faqWrapBox .content .faqHeading {
    font-size: 0.875rem;
  }

  .pgphighlight .concentration,
  .ughighlight .concentration {
    position: relative;
  }

  .pgphighlight .concentration .concentrationWrapper,
  .ughighlight .concentration .concentrationWrapper {
    margin-top: 40px;
    flex-wrap: wrap;
    gap: 40px;
  }

  .pgphighlight .concentration .concentrationWrapper .focusedHeading,
  .ughighlight .concentration .concentrationWrapper .focusedHeading {
    font-size: 1.125rem;
    font-weight: 500;
  }

  .pgphighlight .concentration .concentrationWrapper .subText,
  .ughighlight .concentration .concentrationWrapper .subText {
    font-size: 0.75rem;
  }

  .pgphighlight .concentration .concentrationWrapper .box:first-child img,
  .ughighlight .concentration .concentrationWrapper .box:first-child img {
    display: none;
  }

  .pgphighlight .concentration .concentrationWrapper .box2col.mt40,
  .ughighlight .concentration .concentrationWrapper .box2col.mt40 {
    margin-top: 15px;
  }

  .pgphighlight .concentration .concentrationWrapper .eventTagContent,
  .ughighlight .concentration .concentrationWrapper .eventTagContent {
    font-size: 0.813rem;
  }

  .pgphighlight .concentration .concentrationWrapper :nth-child(2),
  .ughighlight .concentration .concentrationWrapper :nth-child(2) {
    width: 100%;
  }

  .pgphighlight .uniqueClass,
  .ughighlight .uniqueClass {
    position: relative;
  }

  .pgphighlight .uniqueClass .headingWrap,
  .ughighlight .uniqueClass .headingWrap {
    position: relative;
  }

  .pgphighlight .uniqueClass .headingWrap .headingsLeft,
  .ughighlight .uniqueClass .headingWrap .headingsLeft {
    width: 100%;
  }

  .pgphighlight .uniqueClass .navigationWrapper,
  .ughighlight .uniqueClass .navigationWrapper {
    margin-bottom: 20px;
  }

  .pgphighlight .uniqueClass .navigationWrapper ul,
  .ughighlight .uniqueClass .navigationWrapper ul {
    border-radius: 6px;
    padding: 12px 12px;
    gap: 40px;
  }

  .pgphighlight .uniqueClass .content-section,
  .ughighlight .uniqueClass .content-section {
    position: relative;
  }

  .pgphighlight .uniqueClass .content-section .inClassHeading,
  .ughighlight .uniqueClass .content-section .inClassHeading {
    font-size: 1.125rem;
  }

  .pgphighlight .uniqueClass .content-section .inclassBoxWrapper,
  .ughighlight .uniqueClass .content-section .inclassBoxWrapper {
    flex-wrap: nowrap;
    overflow: auto;
    margin-top: 15px;
  }

  .pgphighlight .uniqueClass .content-section .inclassBoxWrapper .inclassBox,
  .ughighlight .uniqueClass .content-section .inclassBoxWrapper .inclassBox {
    padding: 15px 15px;
    max-width: 100%;
    min-width: 270px;
    overflow: auto;
  }

  .pgphighlight .uniqueClass .content-section .inclassBoxWrapper .inclassBox .inclassFlex,
  .ughighlight .uniqueClass .content-section .inclassBoxWrapper .inclassBox .inclassFlex {
    width: 55%;
  }

  .pgphighlight .uniqueClass .content-section .outclassSection,
  .ughighlight .uniqueClass .content-section .outclassSection {
    margin-top: 25px;
  }

  .pgphighlight .uniqueClass .content-section .outclassSection .outclassboxWrapper,
  .ughighlight .uniqueClass .content-section .outclassSection .outclassboxWrapper {
    flex-wrap: nowrap;
    overflow: auto;
    margin-top: 15px;
  }

  .pgphighlight .uniqueClass .content-section .outclassSection .outclassboxWrapper .outclassBox,
  .ughighlight .uniqueClass .content-section .outclassSection .outclassboxWrapper .outclassBox {
    min-width: 100%;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    max-width: 100%;
    padding: 12px;
  }

  .pgphighlight .uniqueClass .content-section .outclassSection .outclassboxWrapper .outclassBox img,
  .ughighlight .uniqueClass .content-section .outclassSection .outclassboxWrapper .outclassBox img {
    width: 100%;
  }

  .pgphighlight .uniqueClass .content-section .outclassSection .outclassboxWrapper .outclassBox .viewMoreBtn,
  .ughighlight .uniqueClass .content-section .outclassSection .outclassboxWrapper .outclassBox .viewMoreBtn {
    margin-top: 10px;
    display: flex;
    align-items: center;
  }

  .pgphighlight .uniqueClass .content-section .outclassSection .outclassboxWrapper .outclassBox .viewMoreBtn img,
  .ughighlight .uniqueClass .content-section .outclassSection .outclassboxWrapper .outclassBox .viewMoreBtn img {
    width: unset;
  }

  .pgphighlight .schedule,
  .ughighlight .schedule {
    position: relative;
  }

  .pgphighlight .schedule .designerTable,
  .ughighlight .schedule .designerTable {
    margin-top: 20px;
    padding-bottom: 20px;
  }

  .pgphighlight .schedule .designerData,
  .ughighlight .schedule .designerData {
    min-width: 45%;
  }

  .pgphighlight .masters,
  .ughighlight .masters {
    position: relative;
  }

  .pgphighlight .masters .headingWrap,
  .ughighlight .masters .headingWrap {
    margin-bottom: 20px;
  }

  .pgphighlight .masters .masterflex,
  .ughighlight .masters .masterflex {
    flex-wrap: wrap;
    gap: 0;
  }

  .pgphighlight .masters .masterflex .masterleft,
  .ughighlight .masters .masterflex .masterleft {
    width: 100%;
  }

  .pgphighlight .masters .masterflex .masterRight,
  .ughighlight .masters .masterflex .masterRight {
    display: none;
  }

  .pgphighlight .masters .stratergySection,
  .ughighlight .masters .stratergySection {
    margin-top: 30px;
  }

  .pgphighlight .masters .stratergySection .navigationWrapper,
  .ughighlight .masters .stratergySection .navigationWrapper {
    margin-top: 0;
    margin-bottom: 15px;
    border-radius: 6px;
  }

  .pgphighlight .masters .stratergySection .navigationWrapper ul,
  .ughighlight .masters .stratergySection .navigationWrapper ul {
    padding: 12px 12px;
    gap: 40px;
  }

  .pgphighlight .curri-course,
  .ughighlight .curri-course {
    position: relative;
  }

  .pgphighlight .curri-course .header,
  .ughighlight .curri-course .header {
    position: relative;
  }

  .pgphighlight .curri-course .header .box2col,
  .ughighlight .curri-course .header .box2col {
    width: 100%;
    flex-wrap: wrap;
    gap: 10px;
  }

  .pgphighlight .curri-course .header .box2col .select-form,
  .ughighlight .curri-course .header .box2col .select-form {
    max-width: 100%;
    margin-top: 0;
  }

  .pgphighlight .curri-course .header .box2col .select-form .custom-select,
  .ughighlight .curri-course .header .box2col .select-form .custom-select {
    max-width: 100%;
  }

  .pgphighlight .selectingStudents,
  .ughighlight .selectingStudents {
    position: relative;
  }

  .pgphighlight .selectingStudents .cardsWrapper,
  .ughighlight .selectingStudents .cardsWrapper {
    flex-wrap: wrap;
  }

  .pgphighlight .aboutadmission,
  .ughighlight .aboutadmission {
    position: relative;
    padding: 50px 0 !important;
    border-radius: 20px;
  }

  .pgphighlight .aboutadmission .box.black,
  .ughighlight .aboutadmission .box.black {
    overflow: hidden;
    min-height: 460px;
    max-height: 460px;
  }

  .pgphighlight .aboutadmission .box.black img,
  .ughighlight .aboutadmission .box.black img {
    display: block;
    bottom: -40px;
    right: 0px;
  }

  .pgphighlight .aboutadmission .box.black .gradientButton,
  .ughighlight .aboutadmission .box.black .gradientButton {
    margin-top: 15px;
  }

  .pgphighlight .aboutadmission .box.black .gradientButton .button,
  .ughighlight .aboutadmission .box.black .gradientButton .button {
    padding: 12px 16px;
    font-size: 0.875rem;
  }

  .pgphighlight .aboutadmission .box.greybg,
  .ughighlight .aboutadmission .box.greybg {
    position: relative;
    padding: 30px 20px;
    min-height: unset;
    max-height: 240px;
  }

  .pgphighlight .aboutadmission .box.greybg .heading,
  .ughighlight .aboutadmission .box.greybg .heading {
    width: 90%;
    line-height: 140%;
  }

  .pgphighlight .aboutadmission .box.greybg .gradientButton,
  .ughighlight .aboutadmission .box.greybg .gradientButton {
    margin-top: 15px;
  }

  .pgphighlight .aboutadmission .description,
  .ughighlight .aboutadmission .description {
    width: 100%;
  }

  .pgphighlight .feeProcess,
  .ughighlight .feeProcess {
    padding-top: 10px !important;
  }

  .pgphighlight .feeProcess .rightSection .number,
  .ughighlight .feeProcess .rightSection .number {
    font-size: 1rem;
  }

  .pgphighlight .feeProcess .rightSection .leftHeading,
  .ughighlight .feeProcess .rightSection .leftHeading {
    font-size: 1rem;
    font-family: "go-semibold";
    width: 100%;
  }

  .pgphighlight .feestructure,
  .ughighlight .feestructure {
    position: relative;
    background: var(--black);
    padding-bottom: 20px !important;
  }

  .pgphighlight .feestructure h2,
  .ughighlight .feestructure h2 {
    color: var(--white);
  }

  .pgphighlight .feestructure .boxWrapper,
  .ughighlight .feestructure .boxWrapper {
    overflow: auto;
  }

  .pgphighlight .feestructure .boxWrapper.temp .head {
    padding: 10px 10px 10px 170px;
    min-width: 150%;
    padding-right: 18% !important;

  }

  .pgphighlight .feestructure .boxWrapper .head,
  .ughighlight .feestructure .boxWrapper .head {
    min-width: 150%;
    padding: 15px 10px 15px 11px;
  }

  .pgphighlight .feestructure .boxWrapper .body,
  .ughighlight .feestructure .boxWrapper .body {
    min-width: 150%;
  }

  .pgphighlight .feestructure .boxWrapper .body .box,
  .ughighlight .feestructure .boxWrapper .body .box {
    padding: 10px 10px;
  }

  .pgphighlight .investinFuture,
  .ughighlight .investinFuture {
    position: relative;
    /* display: none; */
  }

  .pgphighlight .investinFuture .contentWrap,
  .ughighlight .investinFuture .contentWrap {
    padding: 20px 10px;
    flex-direction: column;
  }

  .pgphighlight .investinFuture .contentWrap .box,
  .ughighlight .investinFuture .contentWrap .box {
    padding-right: 0;
    margin-left: 0;
  }

  .pgphighlight .investinFuture .contentWrap .box:not(:last-child),
  .ughighlight .investinFuture .contentWrap .box:not(:last-child),
  .pgpNew .investinFuture .contentWrap .box:not(:last-child) {
    border-bottom: 1px solid var(--black5);
    margin-bottom: 15px;
    padding-bottom: 15px;
  }

  .pgphighlight .investinFuture .contentWrap .box h3,
  .ughighlight .investinFuture .contentWrap .box h3 {
    font-size: 1.5rem;
  }

  .pgphighlight .investinFuture .contentWrap .box p,
  .ughighlight .investinFuture .contentWrap .box p {
    font-size: 1rem;
  }

  .pgphighlight .feeDetails,
  .ughighlight .feeDetails {
    position: relative;
  }

  .pgphighlight .feeDetails .subText,
  .ughighlight .feeDetails .subText {
    width: 100%;
  }

  .pgphighlight .feeDetails .feeContainer,
  .ughighlight .feeDetails .feeContainer {
    margin-top: 20px;
    flex-wrap: wrap;
    gap: 30px;
  }

  .pgphighlight .feeDetails .feeContainer .menuItems,
  .ughighlight .feeDetails .feeContainer .menuItems {
    width: 100%;
    flex-wrap: nowrap;
    overflow: auto;
    flex-direction: row;
    margin-top: 30px;
    align-items: center;
  }

  .pgphighlight .feeDetails .feeContainer .feeDetailsContainerOuter,
  .ughighlight .feeDetails .feeContainer .feeDetailsContainerOuter {
    width: 100%;
  }

  .pgphighlight .feeDetails .feeContainer .feeDetailsContainerOuter .feeDetailContainer,
  .ughighlight .feeDetails .feeContainer .feeDetailsContainerOuter .feeDetailContainer {
    flex-direction: column;
    justify-content: flex-start;
    gap: 40px;
  }

  .pgphighlight .feeDetails .feeContainer .feeDetailsContainerOuter .feeDetailContainer .supervisorDetails,
  .ughighlight .feeDetails .feeContainer .feeDetailsContainerOuter .feeDetailContainer .supervisorDetails {
    width: 100%;
  }

  .pgphighlight .feeDetails .feeContainer .feeDetailsContainerOuter .feeDetailContainer .feeDetailBoxes,
  .ughighlight .feeDetails .feeContainer .feeDetailsContainerOuter .feeDetailContainer .feeDetailBoxes {
    width: 100%;
  }

  .pgphighlight .feeDetails .feeContainer .feeDetailsContainerOuter .feeDetailContainer .feeDetailBoxes .feeDetailBox,
  .ughighlight .feeDetails .feeContainer .feeDetailsContainerOuter .feeDetailContainer .feeDetailBoxes .feeDetailBox {
    max-width: 100%;
  }

  .pgphighlight .careerplacement,
  .ughighlight .careerplacement {
    position: relative;
  }

  .pgphighlight .careerplacement .boxWrapper,
  .ughighlight .careerplacement .boxWrapper {
    flex-wrap: wrap;
    gap: 40px;
  }

  .pgphighlight .careerplacement .left,
  .ughighlight .careerplacement .left {
    gap: 35px;
    justify-content: flex-start;
    max-height: unset;
    height: auto;
  }

  .pgphighlight .careerplacement .left .placementRateWrapper,
  .ughighlight .careerplacement .left .placementRateWrapper {
    align-items: flex-start;
    /* flex-direction: column; */
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
  }

  .pgphighlight .careerplacement .left .placementRateWrapper .rateBox,
  .ughighlight .careerplacement .left .placementRateWrapper .rateBox {
    padding: 0;
    border-right: 0;
    gap: 5px;
  }

  .pgphighlight .careerplacement .left .placementRateWrapper .rateBox:first-child,
  .ughighlight .careerplacement .left .placementRateWrapper .rateBox:first-child {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }

  .pgphighlight .cohort,
  .ughighlight .cohort {
    position: relative;
  }

  .pgphighlight .cohort .flexbox,
  .ughighlight .cohort .flexbox {
    gap: 20px;
  }

  .pgphighlight .cohort .report,
  .ughighlight .cohort .report {
    display: block;
    width: 100%;
  }

  .pgphighlight .cohort .report img,
  .ughighlight .cohort .report img {
    width: 100%;
  }

  .pgphighlight .cohort .box,
  .ughighlight .cohort .box {
    width: 100%;
  }

  .pgphighlight .collaboration,
  .ughighlight .collaboration {
    position: relative;
  }

  .pgphighlight .collaboration .navigationWrapper,
  .ughighlight .collaboration .navigationWrapper {
    position: relative;
    border-radius: 6px;
  }

  .pgphighlight .collaboration .navigationWrapper ul,
  .ughighlight .collaboration .navigationWrapper ul {
    padding: 12px 12px;
    justify-content: flex-start;
    gap: 40px;
  }

  .pgphighlight .collaboration .content-section,
  .ughighlight .collaboration .content-section {
    min-height: unset;
  }

  .pgphighlight .collaboration .headingWrap,
  .ughighlight .collaboration .headingWrap {
    /* gap: 10px; */
    margin-bottom: 0;
  }

  .pgphighlight .collaboration .content-section,
  .ughighlight .collaboration .content-section {
    position: relative;
  }

  .pgphighlight .collaboration .content-section .swiper-wrapper,
  .ughighlight .collaboration .content-section .swiper-wrapper {
    transform: none !important;
  }

  .pgphighlight .collaboration .content-section .swiper-slide,
  .ughighlight .collaboration .content-section .swiper-slide {
    width: 100% !important;
    margin: 0 !important;
    max-width: 100%;
    overflow: auto;
  }

  .pgphighlight .collaboration .content-section .swiper-slide img,
  .ughighlight .collaboration .content-section .swiper-slide img {
    width: 100%;
    min-width: 200%;
  }

  .pgphighlight .ctcsection,
  .ughighlight .ctcsection {
    position: relative;
  }

  .pgphighlight .ctcsection .navigationWrapper,
  .ughighlight .ctcsection .navigationWrapper {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .pgphighlight .ctcsection .navigationWrapper .tabsNew,
  .ughighlight .ctcsection .navigationWrapper .tabsNew {
    gap: 40px;
    justify-content: flex-start;
  }

  .pgphighlight .ctcsection .navigationWrapper .tabsNew li,
  .ughighlight .ctcsection .navigationWrapper .tabsNew li {
    font-size: 0.75rem;
  }

  .pgphighlight .careerjourney,
  .ughighlight .careerjourney {
    position: relative;
  }

  .pgphighlight .careerjourney .headingWrap,
  .ughighlight .careerjourney .headingWrap {
    position: relative;
  }

  .pgphighlight .careerjourney .headingWrap p,
  .ughighlight .careerjourney .headingWrap p {
    width: 100%;
  }

  .pgphighlight .careerjourney .navigationWrapper,
  .ughighlight .careerjourney .navigationWrapper {
    margin-top: 30px;
    margin-bottom: 20px;
    border-radius: 6px;
  }

  .pgphighlight .careerjourney .navigationWrapper .tabsNewNew,
  .ughighlight .careerjourney .navigationWrapper .tabsNewNew {
    align-items: center;
    justify-content: flex-start;
    gap: 40px;
    padding: 12px 12px;
  }

  .pgphighlight .careerjourney .careerJourneyWrapper,
  .ughighlight .careerjourney .careerJourneyWrapper {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .pgphighlight .careerjourney .careerJourneyWrapper .careerImgBox,
  .ughighlight .careerjourney .careerJourneyWrapper .careerImgBox {
    min-height: unset;
    line-height: 0;
    max-width: 100%;
  }

  .pgphighlight .careerteam,
  .ughighlight .careerteam {
    position: relative;
    background: var(--white);
  }

  .pgphighlight .careerteam .opportunityWrapper,
  .ughighlight .careerteam .opportunityWrapper {
    position: relative;
  }

  .pgphighlight .careerteam .opportunityWrapper .masterBox,
  .ughighlight .careerteam .opportunityWrapper .masterBox {
    min-height: auto;
    max-width: 100%;
    min-height: auto;
  }

  .pgphighlight .careertransition,
  .ughighlight .careertransition {
    position: relative;
    background: url("https://files.mastersunion.link/resources/img/oppertunityBG.webp"),
      white;
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    background-position-x: left;
  }

  .pgphighlight .careertransition .headingWrap,
  .ughighlight .careertransition .headingWrap {
    position: relative;
    flex-direction: column;
    gap: 0;
  }

  .pgphighlight .careertransition .headingWrap .headingsLeft,
  .ughighlight .careertransition .headingWrap .headingsLeft {
    width: 100%;
  }

  .pgphighlight .careertransition .flexbox,
  .ughighlight .careertransition .flexbox {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }

  .pgphighlight .careertransition .flexbox .transinner,
  .ughighlight .careertransition .flexbox .transinner {
    width: 100%;
  }

  .pgphighlight .careertransition .flexbox .transbox,
  .ughighlight .careertransition .flexbox .transbox {
    gap: 15px;
  }

  .pgphighlight .careertransition .flexbox .transbox p,
  .ughighlight .careertransition .flexbox .transbox p {
    font-size: 0.75rem;
    margin-left: 0;
    color: var(--grey15);
    line-height: 150%;
  }

  .pgphighlight .careertransition .flexbox .transbox .arrowright,
  .ughighlight .careertransition .flexbox .transbox .arrowright {
    max-width: 15%;
  }

  .pgphighlight .careertransition .flexbox .transbox .box2col,
  .ughighlight .careertransition .flexbox .transbox .box2col {
    gap: 10px;
  }

  .pgphighlight .stories,
  .ughighlight .stories {
    position: relative;
  }

  .pgphighlight .stories .sectionHeading,
  .ughighlight .stories .sectionHeading {
    position: relative;
    z-index: 9;
  }

  .pgphighlight .stories .navigationWrapper,
  .ughighlight .stories .navigationWrapper {
    margin-top: 30px;
    margin-bottom: 20px;
    border-radius: 6px;
  }

  .pgphighlight .stories .navigationWrapper ul,
  .ughighlight .stories .navigationWrapper ul {
    background: var(--grey17);
    justify-content: flex-start;
    gap: 40px;
    padding: 12px 12px;
  }

  .pgphighlight .stories .container-2,
  .ughighlight .stories .container-2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .pgphighlight .stories .content-section,
  .ughighlight .stories .content-section {
    position: relative;
  }

  .pgphighlight .stories .content-section .masterBox,
  .ughighlight .stories .content-section .masterBox {
    max-width: 100%;
    background: transparent;
    padding: 0;
  }

  .pgphighlight .stories .content-section .masterBox .masterinner,
  .ughighlight .stories .content-section .masterBox .masterinner {
    padding: 0;
    margin-top: 12px;
  }

  .pgphighlight .stories .content-section .swiperBtnWrap,
  .ughighlight .stories .content-section .swiperBtnWrap {
    left: 0;
    bottom: -5px;
    top: unset;
    justify-content: flex-start;
    gap: 10px;
    max-width: 100%;
  }

  .pgphighlight .studentJourney,
  .ughighlight .studentJourney {
    position: relative;
  }

  .pgphighlight .studentJourney .studentMainWrapper,
  .ughighlight .studentJourney .studentMainWrapper {
    gap: 40px;
    flex-wrap: wrap;
  }

  .pgphighlight .studentJourney .studentWrapperOne,
  .ughighlight .studentJourney .studentWrapperOne {
    width: 100%;
  }

  .pgphighlight .studentJourney .studentWrapperOne .studentPercentWrap,
  .ughighlight .studentJourney .studentWrapperOne .studentPercentWrap {
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 15px;
  }

  .pgphighlight .studentJourney .studentWrapperOne .studentPercentWrap .studentPercentageBox,
  .ughighlight .studentJourney .studentWrapperOne .studentPercentWrap .studentPercentageBox {
    width: 100%;
    max-width: calc(33.3% - 15px);
  }

  .pgphighlight .studentJourney .subHeading,
  .ughighlight .studentJourney .subHeading {
    margin-top: 30px;
  }

  .pgphighlight .studentJourney .subHeading h3,
  .ughighlight .studentJourney .subHeading h3 {
    font-size: 1.125rem;
  }

  .pgphighlight .pgpMapSustain,
  .ughighlight .pgpMapSustain {
    position: relative;
    margin-top: 60px;
  }

  .pgphighlight .pgpMapSustain .sustainMapBoard,
  .ughighlight .pgpMapSustain .sustainMapBoard {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    width: 100%;
    padding: 40px 15px;
  }

  .pgphighlight .cohortTabs,
  .ughighlight .cohortTabs {
    position: relative;
  }

  .pgphighlight .cohortTabs .navigationWrapper,
  .ughighlight .cohortTabs .navigationWrapper {
    margin-top: 30px;
    margin-bottom: 20px;
    border-radius: 6px;
  }

  .pgphighlight .cohortTabs .navigationWrapper ul,
  .ughighlight .cohortTabs .navigationWrapper ul {
    padding: 12px 12px;
    justify-content: flex-start;
    gap: 40px;
  }

  .pgphighlight .cohortTabs .content-section,
  .ughighlight .cohortTabs .content-section {
    position: relative;
  }

  .pgphighlight .cohortTabs .content-section .cohortwrapper,
  .ughighlight .cohortTabs .content-section .cohortwrapper {
    gap: 20px;
    row-gap: 20px;
  }

  .pgphighlight .cohortTabs .content-section .cohortwrapper .box2col,
  .ughighlight .cohortTabs .content-section .cohortwrapper .box2col {
    max-width: calc(50% - 10px);
  }

  .pgphighlight .cohortTabs .content-section .cohortwrapper .box2col img:first-child,
  .ughighlight .cohortTabs .content-section .cohortwrapper .box2col img:first-child {
    width: 100%;
    max-width: 100%;
    max-height: 120px;
    /* min-height: 120px; */
    object-fit: cover;
  }

  .degreeLeft {
    width: 100%;
  }

  .degreeRight {
    width: 100%;
    gap: 30px;
  }

  /* applynow page */
  .applynow .flexbox {
    margin-top: 40px;
  }

  .applynow .applyleft {
    margin-top: 0;
    max-width: 100%;
    width: 100%;
  }

  .applynow .applyleft .mainHeading {
    margin: 0;
    margin-bottom: 20px;
  }

  .applynow .applyleft .text-20 {
    margin: 30px 0 15px;
  }

  .applynow .registerbox {
    max-width: 100%;
    width: 100%;
    padding: 20px 15px;
  }

  /* courseroaster page */

  .courseroaster {
    position: relative;
  }

  .courseroaster .course-roster {
    margin-top: 30px;
  }

  .courseroaster .course-roster .header {
    position: relative;
    align-items: flex-start;
  }

  .courseroaster .course-roster .header .mainHeading {
    font-size: 1.25rem;
  }

  .courseroaster .course-roster .header .box2col {
    width: 80%;
  }

  .courseroaster .course-roster .header .box2col .select-form {
    margin-bottom: 0;
  }

  /* about time line */

  .abouttimeline {
    position: relative;
  }

  .abouttimeline .sticky {
    top: 3rem;
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .abouttimeline .sticky .headingWrap {
    margin-bottom: 0;
  }

  .abouttimeline .yearBoxWrap {
    position: relative;
  }

  .abouttimeline .yearBoxWrap .timelineScroller {
    width: 16px;
    height: 100%;
    position: absolute;
    left: 55px;
    top: 0;
    background: url("https://files.mastersunion.link/resources/svg/yearDashLevel.svg");
    background-size: contain;
    background-repeat: repeat-y;
  }

  .abouttimeline .yearBoxWrap .yearBox {
    position: relative;
  }

  .abouttimeline .yearBoxWrap .yearBox.active .rightSection {
    visibility: visible;
    opacity: 1;
    transition: 0.4s ease;
  }

  .abouttimeline .yearBoxWrap .yearBox.active .leftSection .year {
    background: linear-gradient(102deg, #39b6d8 0%, #f7d344 50%, #e38330 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: 0.4s ease-in;
  }

  .abouttimeline .yearBoxWrap .yearBox .leftSection {
    max-width: 50px;
    width: 100%;
    position: sticky;
    top: 140px;
  }

  .abouttimeline .yearBoxWrap .yearBox .rightSection {
    max-width: calc(100% - 100px);
    width: 100%;
    visibility: hidden;
    opacity: 0;
    transition: 0.4s ease;
  }

  /* pgpTbm admission start */

  .getInto.fellowshipVideoWrapper {
    padding: 15px;
    flex-direction: column;
    gap: 20px;
    max-width: 100%;
  }

  .getInto.fellowshipVideoWrapper .fellowshipLeft,
  .getInto.fellowshipVideoWrapper .fellowshipRight {
    max-width: unset;
  }

  /* pgpTbm addmission end */

  .blog_inner_page {
    font: 18px "go-regular";
  }

  .blogideal .boxwrapper {
    flex-direction: column;
  }

  .blogideal .boxwrapper .right {
    width: 100%;
  }

  .blogideal .boxwrapper .left {
    width: 100%;
  }

  /* fbt mob changes start */
  .vGradientWrap .boxiBox {
    align-items: flex-start;
    display: flex;
    flex-wrap: unset;
    align-content: center;
  }

  /* fbt changes end */

  /* ug psm start 
.vUgPsm{
  .gradientMuBg.feestructure{
    position: relative;
    background:unset;
    padding-bottom: 20px !important;
  }

  .counsellorLeft {
    width: 100%;
  }
} */

  /* intersect section */
  .ugIntersectProgramme .rightSidePastSpeaker {
    margin-top: 20px;
  }

  .ugIntersectProgramme .rightSidePastSpeaker .gradientButton {
    min-width: 100%;
  }

  .ugIntersectProgramme .rightSidePastSpeaker button.button.iconButton {
    justify-content: center;
  }

  .ugIntersectProgramme .pastSpeakersSection .pastSpeakersHeading .sectionHeading {
    font-size: 28px;
    font-family: "go-bold";
    font-weight: 700;
    line-height: 130%;
  }

  .ugIntersectProgramme .pastSpeakersSection .headingSmall.intersectSmall {
    font-size: 12px !important;
    font-family: "go-medium" !important;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1px;
  }

  .ugIntersectProgramme .pastSpeakersIntersect .sectionHeading {
    font-size: 28px;
    font-family: "go-bold";
    font-weight: 700;
    line-height: 130%;
  }

  .ughighlight .multicard {
    border-radius: 0;
  }

  .ugIntersectProgramme .supportingLeadersWrap .sectionHeading {
    font-size: 28px;
    font-family: "go-bold";
    font-weight: 700;
    line-height: 130%;
  }

  .ugIntersectProgramme .sneakPeakSwiper .sectionHeading {
    font-size: 28px;
    font-family: "go-bold";
    font-weight: 700;
    line-height: 130%;
  }

  .ugIntersectProgramme .sneakPeakSwiper .headingSmall {
    font-size: 12px !important;
    font-family: "go-medium" !important;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1px;
  }

  .ugIntersectProgramme .mutipleFormWrappper.blackLineBg .applyleft .sectionHeading {
    font-size: 28px;
    font-family: "go-bold";
    font-weight: 700;
    line-height: 130%;
  }

  .ugIntersectProgramme .mutipleFormWrappper.blackLineBg .applyleft .headingSmall {
    font-size: 12px !important;
    font-family: "go-medium" !important;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1px;
  }

  .ugIntersectProgramme .rightSpeackerBlock::before {
    content: "";
    right: -12px;
  }

  .ugIntersectProgramme .swiperCardWrapperPanelists {
    overflow-x: auto;
  }

  .ugIntersectProgramme .swiperCardWrapperPanelists .columnViewSwiperNew {
    min-width: 225px;
  }

  .ugIntersectProgramme .sneakPeakSwiper {
    padding-top: 0 !important;
  }

  .ugIntersectProgramme .supportingLeadersWrap .counsellorWrap {
    margin-top: 30px;
  }

  .ugIntersectProgramme .supportingLeaderSeat .leftSideLeader .tabContent {
    max-width: 100%;
  }

  .ugIntersectProgramme .intersect4 {
    margin-top: 50px;
  }

  .ugIntersectProgramme .intersect4 .programmeHeading {
    margin-top: 0;
  }

  .ugIntersectProgramme .agendaIntersectPage .contentAgenda {
    max-width: none;
  }

  .ugIntersectProgramme .intersect4 span.muvector {
    font-size: 38px;
    font-weight: 800;
    letter-spacing: 0.542px;
  }

  .ugIntersectProgramme .intersect4 .text-16.mobtextintersect {
    color: var(--white) !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    font-family: "go-regular";
  }

  .ugIntersectProgramme .intersect4 .paraintersectMob {
    color: var(--white) !important;
    font-family: "go-medium";
    /* font-size: 12px; */
    font-weight: 500;
    line-height: 120%;
  }

  .ugIntersectProgramme .intersect4 .heroRightButtons {
    margin-top: 20px !important;
  }

  .ugIntersectProgramme .boxwrapper {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }

  .ugIntersectProgramme .educationJourney .boxwrapper .left {
    max-width: 100%;
  }

  .ugIntersectProgramme .rolesandresp .boxwrapper {
    padding: 20px 15px;
    flex-direction: row-reverse;
  }

  .ugIntersectProgramme .leftSpeackerBlock {
    max-width: 100%;
  }

  .ugIntersectProgramme .groupSpeakerWrapper {
    flex-wrap: wrap;
  }

  .ugIntersectProgramme .groupSpeakerWrapper .speakerCardBox {
    max-width: 100%;
  }

  .ugIntersectProgramme .agendaIntersectPage .fellowshipVideoWrapper {
    flex-direction: column-reverse;
  }

  .ugIntersectProgramme .agendaIntersectPage .fellowshipLeft {
    max-width: 100%;
  }

  .ugIntersectProgramme .agendaIntersectPage .fellowshipVideoWrapper {
    background: var(--white);
  }

  .ugIntersectProgramme .supportingLeadersWrap .supportingLeaderSeat {
    flex-wrap: wrap;
    padding: 0;
    gap: 20px;
  }

  .ugIntersectProgramme .supportingLeadersWrap .leftSideLeader {
    max-width: 100%;
  }

  .ugIntersectProgramme .detailBlockSpeacker {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    gap: 30px;
  }

  .ugIntersectProgramme .rightSpeackerBlock img {
    margin-right: 0;
  }

  .ugIntersectProgramme .mutipleFormWrappper .applyleft {
    width: 100%;
    max-width: 100%;
  }

  .ugIntersectProgramme .mutipleFormWrappper .registerbox {
    width: 100%;
    max-width: 100%;
  }

  .ugIntersectProgramme .mutipleFormWrappper .applyleft {
    margin-bottom: 0;
  }

  .ugIntersectProgramme .hideLgScreen {
    display: block;
  }

  /* End intersect section */
  .aboutMobView .sustainability .menBox,
  .aboutMobView .sustainability .womenBox {
    width: 100%;
  }

  .aboutMobView .sustainability .menBoxGroup {
    width: 100%;
  }

  .aboutMobView .sustainability .gradientBoxWrap {
    display: flex;
    flex-direction: column;
    flex: 1;
  }

  .pgpMobView .masters .masterRight::after {
    background: none;
  }

  .pgpMobView .alignbox-gradient-Immersion::after {
    background: none;
  }

  .pgpMobView .heroWrapper .heroright::after {
    display: none;
  }

  .ughighlight .cohortTabs .content-section .cohortwrapper {
    gap: 20px;
    flex-direction: column;
  }

  .ughighlight .cohortTabs .content-section .cohortwrapper .box2col {
    max-width: unset;
  }

  .blogsPage .highlightsec {
    padding-top: 0px !important;
  }

  h2#form_heading {
    width: 90%;
  }

  /* ugPSM mobview start */
  .ughighlight .masters .masterflex .masterRight {
    display: block;
  }

  .ughighlight .masters .masterflex {
    flex-direction: column-reverse;
    gap: 20px;
  }

  .ughighlight .masters .masterRight::after {
    background: unset;
  }

  .aboutMobView {
    .sustainability {

      .menBox,
      .womenBox {
        width: 100%;
      }

      .menBoxGroup {
        width: 100%;
      }

      .gradientBoxWrap {
        display: flex;
        flex-direction: column;
        flex: 1;
      }
    }
  }

  .pgpMobView {
    .masters .masterRight::after {
      background: none;
    }

    .alignbox-gradient-Immersion::after {
      background: none;
    }

    .heroWrapper .heroright::after {
      background: none;
    }
  }

  .ughighlight {
    .cohortTabs .content-section .cohortwrapper {
      gap: 20px;
      flex-direction: column;
    }

    .cohortTabs .content-section .cohortwrapper .box2col {
      max-width: unset;
    }
  }

  .blogsPage {
    .highlightsec {
      padding-top: 0px !important;
    }
  }

  h2#form_heading {
    width: 90%;
  }

  /* ugPSM mobview start */

  .ughighlight {
    .masters {
      .masterflex {
        .masterRight {
          display: block;
        }
      }
    }

    .masters .masterflex {
      flex-direction: column-reverse;
      gap: 20px;
    }

    .masters .masterRight::after {
      background: unset;
    }
  }

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

  .domainWrapper .navigationWrapper.upcomingNew-Events {
    max-width: 100%;
  }

  .itineraryBlockIntersect {
    .scheduleItineraryList img {
      display: none;
    }

    .scheduleItineraryList {
      flex-direction: column;
      border-bottom: 1px solid #eee;
      padding-bottom: 12px;
      gap: 8px;
    }
  }

  .fresherBanner .fresherBannerWrap {
    padding: 0;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 30px;
  }

  .fresherBanner .fresherBannerWrap .box {
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 60%;
    gap: 8px;
  }

  .fresherBanner .bannerText {
    font-size: 3.125rem;
  }

  .ugDataAi {
    .degreeProgram .degreeLeft {
      width: 100%;
    }

    .degreeProgram .degreeRight {
      width: 100%;
      max-width: 100%;
    }

    .masters.learnFuture .masterflex {
      flex-direction: unset;
    }

    .gridBox:first-child {
      max-height: unset;
      min-height: unset;
    }

    .gridBox:nth-child(2) {
      max-height: unset;
    }
  }



  .techHomePage {
    .blackSvgBg .headingWrap.masterleft {
      width: 100%;
      max-width: unset;
    }

    .degreeWrapper .degreeLeft {
      width: 100%;
      max-width: unset;
    }

    .degreeRight {
      width: 100%;
    }

    .newThumbnailGradientBg::after {
      background: none;
    }

    .programme-cards-wrapper {
      overflow: auto;
      margin-top: 30px;
    }

    .programme-cards-wrapper .programme-cards {
      min-width: 360px;
    }

    .dualDegree .degreeWrapper {
      padding: 15px;
    }

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

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

    .collaboration .grey-paragraph {
      font-size: 14px;
      line-height: 160%;
      max-width: unset;
    }

    .degreeTextBold {
      font-size: 14px;
    }

    .transformText {
      font-size: 14px;
    }

    .techHome .masterRight::after {
      display: none;
    }
  }

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

  .onbaordRight {
    width: unset;
  }

  .onbaordBox {
    max-width: 47%;
  }

  .hsslXploreUGProgrammes .content-section {
    overflow: hidden !important;
  }

  .summerStartupEvent {
    .youngleader .sectionHeadingTech {
      font-size: 26px;
    }

    .heroWrapper .left {
      width: 100%;
      max-width: 100%;
    }

    .editionItalic {
      font-size: 16px;
    }

    .imgWrap {
      max-width: 100%;
      position: unset;
    }

    .interestDivi.new .sectionHeadingTech {
      position: unset;
    }

    .heroRightButtons {
      gap: 15px;
      align-items: flex-start;

      .socialLinks {
        padding-left: 5px;
      }
    }

    .programmeGreyCard .editionItalic {
      font-size: 13px;
    }

    .newedition {
      flex-direction: column;
      align-items: flex-start;
      justify-content: unset;
      gap: 10px;
    }

    .roadMap .tradingHeading {
      font-size: 18px;
    }

    .tradingContent {
      gap: 10px;
    }

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

    .youngleader .sectionHeadingItalic {
      font-size: 30px;
    }

    .roadmapBoxParent {
      gap: 12px;
    }

    .summerText {
      font-size: 14px;
    }

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

    .mentorMob2 {
      .leaderMasterSlider {
        flex-wrap: nowrap;
        overflow: auto !important;
        gap: 20px;
      }

      .newMasterBox {
        max-width: 100%;
        min-width: 75%;
      }
    }

    .higherStudyContent {
      gap: 10px !important;
    }

    .higherStudies .mobHeading {
      padding-inline: 16px;
    }

    .higherStudies {
      padding-bottom: 0 !important;
    }

    .dsCareer .studiesRight {
      padding-block: 30px;
    }

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

    .interestFormWrapper {
      max-width: 100%;
    }

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

  .festPage {
    .sidebar-item img {
      display: none !important;
    }

    .mapContentBoxiWrapper {
      gap: 6px !important;
    }

    .sidebar-item.active {
      padding-left: 0 !important;
    }

    /* .festHero{
      background: url('https://images.mastersunion.link/uploads/28052025/v1/HeroSection.webp'),var(--black);
    } */
    .caseUnionWrapper {
      gap: 8px;
    }

    .companyLogo {
      max-width: 115px;
      max-height: 46px;
    }

    .festHeroHeading {
      font-size: 72px;
      line-height: 120%;
    }

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

    .sidebar {
      max-width: 100%;
      margin-left: 0;
    }

    .postCard {
      min-height: 335px;
    }

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

    .tab-btn {
      width: 100%;
      max-width: 50%;
    }

    .sidebar-list {
      display: flex;
      gap: 24px;
      align-items: flex-start;
      overflow-x: auto;
      overflow-y: hidden;
      max-height: unset;
    }

    .floatingMob>img {
      max-width: 34px;
      max-height: 34px;

    }

    .overlayHeading {
      border-bottom: none;
      padding-bottom: 0;
    }

    .sidebar-item {
      padding: 15px 0;
      border-top: none;
      text-wrap: nowrap;

    }

    .gridBox {
      min-width: 338px;
      max-height: unset;
      min-height: 315px;
      max-width: 338px !important;
    }

    .gridBox::before {
      display: none;
    }

    .sidebar-list::-webkit-scrollbar-thumb {
      display: block;
    }

    .postCard {
      max-width: 338px;
      max-height: 315px;
    }

    .marketingWrapper {
      padding: 0px 16px !important;
      gap: 8px;
      bottom: 45px !important;
    }

    .headingMarket {
      font-size: 18px;
    }

    .gradientTextMarketing {
      font-size: 20px;
    }

    .content-card p {
      font-size: 13px !important;
    }

    .overlayText {
      color: var(--grey4) !important;
    }

    .marketingTextBoxi {
      gap: 12px;
    }

    .marketingWrapper>img {
      max-width: 34px;
      max-height: 34px;
    }

    .scrolling_wrapper {
      top: 16%;
    }

    .heroImageFestBox {
      left: 0;
    }

    .festHero {
      background: url(https://images.mastersunion.link/uploads/03062025/v1/CopyofCopyofawdededfe3.webp), var(--black);
      min-height: 90vh;
    }

    .festHeroPara {
      font-size: 13px;
      font-family: var(--go-medium);
      line-height: 150%;
      top: 92%;
      left: 7%;
    }

    .digitsPara {
      font-size: 22px;
      padding-top: 10px;
    }


    .gradientAmountWrapper {
      gap: 11px;
    }

    .gradientAmountBoxi {
      width: 100%;
      max-width: 25%;
    }

    .staticSponserSection {
      padding-top: 0 !important;
    }

    .staticLogoWrapper,
    .sponsorsSection {
      gap: 24px;
    }

    .illinoisFest {
      padding: 40px 0px !important;
    }

    .illinoisFest .illinoisWrapper {
      border-radius: 20px !important;
      padding: 40px 4px !important;
    }

    .illinoisFest .curriculumWrapper {
      flex-direction: column;
    }

    .sparkText {
      font-size: 16px;
    }

    .festHidden {
      display: none !important;
    }

    .unMuteSection {
      gap: 40px;
      background: var(--white);
    }

    .unMuteSection .cashPara {
      font-size: 12px;
    }

    .unMuteSection .digitsPara {
      font-size: 20px;
    }

    .cashPara {
      font-size: 12px;
    }

    .sponsorsSection {
      padding: 40px 0 !important;
    }

    .unitsAmount {
      font-size: 20px;
    }

    .gradientAmountBoxi:not(:last-child) {
      padding-right: 11px;
    }

    .gradientAmountWrapper {
      gap: 11px;
    }

    .gradientAmountWrapper {
      margin-top: 16px;
    }
  }

  .ranveerShow {
    padding: 40px 0 !important;

    .midline {
      background: var(--grey4);
      height: 1px;
      width: 100%;
      margin-block: 32px;
    }

    .container {
      padding: 0 16px;
    }

    .showsWrapper {
      padding: 20px 16px;
      gap: 32px;
    }

    .showsCardParent {
      flex-direction: column;
      gap: 0;
    }

    .showCard {
      max-width: 100%;
      gap: 10px;
    }

    .contentHeading {
      font-size: 20px;
    }

    .contentPara {
      font-size: 13px;
    }

    .headingWrapper {
      text-align: left;
      align-items: flex-start;
    }
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .summerStartupEvent {
    overflow: hidden;

    .mastermind {
      .mastermindBodWrapper {
        flex-direction: column;
        align-items: flex-start;
      }

      .mastersList {
        width: 100%;
      }
    }

  }

  .testDriveOnline {
    overflow: hidden;

    .testHero {
      .highHeroWrapper {
        flex-direction: column;
        align-items: flex-start;
      }
    }

    .TimelineTestDrive {
      .outclassBox {
        max-width: 49%;
      }
    }

    .outcomePrograme {
      .mastersList {
        width: 100%;
      }

      .imgWrapper {
        display: none;
      }
    }

    .costLogistic {
      .formWrap {
        width: 50%;
      }

      .tabContent {
        font-size: 14px;
        font-family: "go-regular";
        font-weight: 400;
      }

      .tabContent span {
        font-size: 14px;
        font-family: "go-semibold";
        font-weight: 600;
      }

      .heading {
        font-size: 28px;
      }
    }
  }

  .ugIntersectProgramme {
    .supportingLeaderSeat .rightSideLeader {
      max-width: 100% !important;
    }

    .supportingLeadersWrap .counsellorRight img {
      display: none;
    }

    .rightSpeackerBlock {
      width: 100%;
    }

    .rightSpeackerBlock img {
      width: 100%;
    }

    .pastSpeakersSection .leftSpeackerBlock {
      max-width: 100%;
    }

    .fellowshipRight img {
      width: 100%;
    }

    .rightSpeackerBlock::before {
      content: "";
      right: -12px;
    }

    .swiperCardWrapperPanelists {
      overflow-x: auto;

      .columnViewSwiperNew {
        min-width: 225px;
      }
    }

    .sneakPeakSwiper {
      padding-top: 0 !important;
    }

    .supportingLeadersWrap .counsellorWrap {
      margin-top: 30px;
    }

    .supportingLeaderSeat .leftSideLeader .tabContent {
      max-width: 100%;
    }

    .intersect4 {
      margin-top: 50px;
    }

    .agendaIntersectPage .contentAgenda {
      max-width: none;
    }

    .intersect4 span.muvector {
      font-size: 38px;
      font-weight: 800;
      letter-spacing: 0.542px;
    }

    .intersect4 .text-16.mobtextintersect {
      font-size: 13px;
      font-weight: 400;
      line-height: 140%;
      font-family: "go-regular";
    }

    .boxwrapper {
      flex-wrap: wrap;
      flex-direction: column-reverse;
    }

    .educationJourney .boxwrapper .left {
      max-width: 100%;
    }

    .rolesandresp .boxwrapper {
      padding: 20px 15px;
    }

    .leftSpeackerBlock {
      max-width: 100%;
    }

    .groupSpeakerWrapper {
      flex-wrap: wrap;
    }

    .groupSpeakerWrapper .speakerCardBox {
      max-width: 100%;
    }

    .agendaIntersectPage .fellowshipVideoWrapper {
      flex-direction: column-reverse;
    }

    .agendaIntersectPage .fellowshipLeft {
      max-width: 100%;
    }

    .agendaIntersectPage .fellowshipVideoWrapper {
      background: var(--white);
    }

    .supportingLeadersWrap .supportingLeaderSeat {
      flex-wrap: wrap;
      padding: 0;
      gap: 20px;
    }

    .supportingLeadersWrap .leftSideLeader {
      max-width: 100%;
    }

    .detailBlockSpeacker {
      flex-wrap: wrap;
      flex-direction: column-reverse;
      gap: 30px;
    }

    .rightSpeackerBlock img {
      margin-right: 0;
    }

    .mutipleFormWrappper .applyleft {
      width: 100%;
      max-width: 100%;
    }

    .mutipleFormWrappper .registerbox {
      width: 100%;
      max-width: 100%;
    }

    .mutipleFormWrappper .applyleft {
      margin-bottom: 0;
    }

    .hideLgScreen {
      display: block;
    }
  }

  .ugIntersectProgramme .supportingLeadersWrap .counsellorRight img {
    display: none;
  }

  .ugIntersectProgramme .rightSpeackerBlock {
    width: 100%;
  }

  .ugIntersectProgramme .rightSpeackerBlock img {
    width: 100%;
  }

  .ugIntersectProgramme .pastSpeakersSection .leftSpeackerBlock {
    max-width: 100%;
  }

  .ugIntersectProgramme .fellowshipRight img {
    width: 100%;
  }

  .ugIntersectProgramme .rightSpeackerBlock::before {
    content: "";
    right: -12px;
  }

  .ugIntersectProgramme .swiperCardWrapperPanelists {
    overflow-x: auto;
  }

  .ugIntersectProgramme .swiperCardWrapperPanelists .columnViewSwiperNew {
    min-width: 225px;
  }

  .ugIntersectProgramme .sneakPeakSwiper {
    padding-top: 0 !important;
  }

  .ugIntersectProgramme .supportingLeadersWrap .counsellorWrap {
    margin-top: 30px;
  }

  .ugIntersectProgramme .supportingLeaderSeat .leftSideLeader .tabContent {
    max-width: 100%;
  }

  .ugIntersectProgramme .intersect4 {
    margin-top: 50px;
  }

  .ugIntersectProgramme .agendaIntersectPage .contentAgenda {
    max-width: none;
  }

  .ugIntersectProgramme .intersect4 span.muvector {
    font-size: 38px;
    font-weight: 800;
    letter-spacing: 0.542px;
  }

  .ugIntersectProgramme .intersect4 .text-16.mobtextintersect {
    font-size: 13px;
    font-weight: 400;
    line-height: 140%;
    font-family: "go-regular";
  }

  .ugIntersectProgramme .boxwrapper {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }

  .ugIntersectProgramme .educationJourney .boxwrapper .left {
    max-width: 100%;
  }

  .ugIntersectProgramme .rolesandresp .boxwrapper {
    padding: 20px 15px;
  }

  .ugIntersectProgramme .leftSpeackerBlock {
    max-width: 100%;
  }

  .ugIntersectProgramme .groupSpeakerWrapper {
    flex-wrap: wrap;
  }

  .ugIntersectProgramme .groupSpeakerWrapper .speakerCardBox {
    max-width: 100%;
  }

  .ugIntersectProgramme .agendaIntersectPage .fellowshipVideoWrapper {
    flex-direction: column-reverse;
  }

  .ugIntersectProgramme .agendaIntersectPage .fellowshipLeft {
    max-width: 100%;
  }

  .ugIntersectProgramme .agendaIntersectPage .fellowshipVideoWrapper {
    background: var(--white);
  }

  .ugIntersectProgramme .supportingLeadersWrap .supportingLeaderSeat {
    flex-wrap: wrap;
    padding: 0;
    gap: 20px;
  }

  .ugIntersectProgramme .supportingLeadersWrap .leftSideLeader {
    max-width: 100%;
  }

  .ugIntersectProgramme .detailBlockSpeacker {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    gap: 30px;
  }

  .ugIntersectProgramme .rightSpeackerBlock img {
    margin-right: 0;
  }

  .ugIntersectProgramme .mutipleFormWrappper .applyleft {
    width: 100%;
    max-width: 100%;
  }

  .ugIntersectProgramme .mutipleFormWrappper .registerbox {
    width: 100%;
    max-width: 100%;
  }

  .ugIntersectProgramme .mutipleFormWrappper .applyleft {
    margin-bottom: 0;
  }

  .ugIntersectProgramme .hideLgScreen {
    display: block;
  }

  .ugPastIntersect .intersect4.pastIntersect {
    padding-top: 68px !important;
  }

  .ugPastIntersect .speakerPast .spakerUG {
    margin-top: 40px !important;
  }

  .ugPastIntersect .speakerPast .sectionHeading {
    font-size: 1.75rem;
    line-height: 130%;
    font-weight: 700;
    font-family: "go-bold";
  }

  .ugPastIntersect .heroWrapper .topHeadingPast {
    margin-bottom: 25px;
  }

  .ugPastIntersect .wraperBoxSperaker {
    flex-wrap: wrap;
    gap: 30px;
    flex-direction: column-reverse;
  }

  .ugPastIntersect .swiperBoxes .swiper-slide {
    max-width: 100%;
    min-width: 250px;
    min-height: 235px;
  }

  .ugPastIntersect .pastIntersect .programmeHeading {
    font-size: 38px;
    font-weight: 800;
    line-height: 120%;
    letter-spacing: 0.542px;
  }

  .ugPastIntersect .intersect4.pastIntersect {
    padding-top: 65px !important;
  }

  .ugPastIntersect .hightlightsPast .headingSpeaker {
    font-size: 1.25rem;
  }

  .ugPastIntersect .hightlightsPast .pastdetail {
    margin-top: 30px;
    flex-direction: column;
    gap: 30px;
  }

  .ugPastIntersect .hightlightsPast .speakerPara {
    font-size: 0.875rem;
  }

  .ugPastIntersect .hightlightsPast .listSubheading {
    font-size: 0.8125rem;
  }

  .ugPastIntersect .hightlightsPast .pastleft {
    width: 100%;
    max-width: fit-content;
  }

  .ugPastIntersect .hightlightsPast .box {
    width: 100%;
  }

  .ugPastIntersect .hightlightsPast .box::after {
    display: none;
  }

  .ugPastIntersect .developing .pastdetail {
    margin-top: 0;
    flex-direction: column-reverse;
  }

  .ugPastIntersect .developing .boxDev::after {
    display: none;
  }

  .ugPastIntersect .developing .boxDev {
    width: 100%;
  }

  .ugPastIntersect .mentalHealth .pastdetail {
    margin-top: 0;
  }

  .ugPastIntersect .masterPastSwiper .groupSpeakerWrapper {
    margin-top: 30px;
  }

  .ugPastIntersect .masterPastSwiper .headingWrapperButton {
    flex-direction: row;
  }

  .ugPastIntersect .masterPastSwiper .gradientUnderline::after {
    content: "";
    position: absolute;
    bottom: -60%;
    left: 1px;
    width: 68%;
    background: url(https://files.mastersunion.link/resources/svg/degreeSection.svg);
    background-repeat: no-repeat;
    height: 83%;
    z-index: -1;
  }

  .heroHeading {
    gap: 0;
  }

  .ugIntersectProgramme .intersect4 {
    margin-top: 55px;
  }

  .ugIntersectProgramme .boxwrapper {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }

  .ugIntersectProgramme .educationJourney .boxwrapper .left {
    max-width: 100%;
  }

  .ugIntersectProgramme .rolesandresp .boxwrapper {
    padding: 20px 15px;
  }

  .ugIntersectProgramme .leftSpeackerBlock {
    max-width: 100%;
  }

  .ugIntersectProgramme .groupSpeakerWrapper {
    flex-wrap: wrap;
  }

  .ugIntersectProgramme .groupSpeakerWrapper .speakerCardBox {
    max-width: calc(50% - 10px);
  }

  .ugIntersectProgramme .agendaIntersectPage .fellowshipVideoWrapper {
    flex-direction: column-reverse;
  }

  .ugIntersectProgramme .agendaIntersectPage .fellowshipLeft {
    max-width: 100%;
  }

  .ugIntersectProgramme .agendaIntersectPage .fellowshipRight {
    max-width: 100%;
  }

  .ugIntersectProgramme .mutipleFormWrappper .formsWraps {
    flex-wrap: wrap;
  }

  .ugIntersectProgramme .agendaIntersectPage .fellowshipVideoWrapper {
    background: var(--white);
  }

  .ugIntersectProgramme .supportingLeadersWrap .supportingLeaderSeat {
    flex-wrap: wrap;
    padding: 0;
    gap: 20px;
  }

  .ugIntersectProgramme .supportingLeadersWrap .leftSideLeader {
    max-width: 100%;
  }

  .ugIntersectProgramme .detailBlockSpeacker {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    gap: 30px;
  }

  .ugIntersectProgramme .rightSpeackerBlock img {
    margin-right: 0;
  }

  .ugIntersectProgramme .mutipleFormWrappper .applyleft {
    width: 100%;
    max-width: 100%;
  }

  .ugIntersectProgramme .mutipleFormWrappper .registerbox {
    width: 100%;
    max-width: 100%;
  }

  .ugIntersectProgramme .mutipleFormWrappper .applyleft {
    margin-bottom: 0;
  }

  .ugIntersectProgramme .hideLgScreen {
    display: block;
  }

  .ugIntersectProgramme .content-section .boxwrapper {
    gap: 30px;
  }

  .ugIntersectProgramme .content-section .right {
    max-width: 100%;
  }

  .ugIntersectProgramme .rightSpeackerBlock {
    max-width: 100%;
  }

  .bottomFooter {
    gap: 75px;
  }

  .testDriveOnline {
    & .costLogistic {
      .logisticsCardwrap {
        min-width: unset;
      }
    }
  }
}

@media (min-width: 1024px) and (max-width: 1365px) {
  .testDriveOnline {
    overflow: hidden;

    .testHero {
      .highHeroWrapperRight {
        width: 100%;
      }
    }
  }

  .techDsaiHomePage.dsaiRedesign {
    .waitingSection .waitingImage {
      max-width: 48.5%;
    }

    .waitingSection .waitingRight {
      max-width: 42.2%;
    }
  }

  .ugPastIntersect {
    .pastdetail {
      gap: 20px;
      justify-content: space-between;
    }

    .hightlightsPast .box {
      width: 50%;
      max-width: 100%;
    }
  }

  .ugPastIntersect .hightlightsPast .box {
    width: 50%;
    max-width: 100%;
  }

  .ugIntersectProgramme .pastSpeakersSection .detailBlockSpeacker {
    flex-direction: column;
    gap: 20px;
  }

  .ugIntersectProgramme .pastSpeakersSection .leftSpeackerBlock {
    max-width: 100%;
  }

  .ugIntersectProgramme .pastSpeakersSection .rightSpeackerBlock {
    max-width: 100%;
  }

  .ugIntersectProgramme .supportingLeadersWrap .counsellorRight img {
    display: none;
  }

  .ugIntersectProgramme .intersect4 {
    margin-top: 65px;
  }

  .ugIntersectProgramme .container {
    margin: unset;
  }

  .ugIntersectProgramme .heroWrapper .left {
    width: 100%;
  }

  .ugIntersectProgramme .heroWrapper {
    width: 100%;
    justify-content: flex-start;
  }

  /* .container {
        max-width: 95%;
        padding: 0 15px;
    } */

  .container-2 {
    padding-left: 30px;
  }

  .cohortwrapper .box2col {
    width: 31%;
  }

  .homeWrapper .cravePath {
    right: 11%;
    top: 23%;
  }

  .commonOverlay {
    max-width: 52%;
    left: 24%;
  }

  .overlayedSwiper::after {
    left: calc(24% - 0px);
    max-width: calc(46% + 17px);
  }

  .overlayMidVideo {
    min-height: 314px;
    margin: 40px 0;
  }

  .innovationHomeSlider .overlayBottom {
    margin-top: 80px;
  }

  .stayUpdated {
    gap: 30px;
  }
}

@media (min-width: 1366px) and (max-width: 1540px) {
  .ugIntersectProgramme .rightSpeackerBlock::before {
    right: -76px;
  }

  .cohortwrapper .box2col {
    width: 32%;
  }

  .missionButtonWrap {
    top: 18%;
  }



  .fixedMission {
    top: 30%;
  }

  /* .container {
        max-width: 90%;
        padding: 0 15px;
    } */

  .homeWrapper .cravePath {
    right: 9%;
    top: 30%;
  }

  /* .cravePath {
        right: 15px;
    } */

  /* .masterBox {
        width: calc(20% - 48px);
    } */

  /* .masterBox {
        width: 18%;
    } */

  .anumniaSlider .swiper-slide>img {
    width: 100%;
  }

  .overlayMidVideo {
    min-height: 345px;
  }

  .exploreLeft {
    width: 65%;
  }

  .exploreRight {
    width: 33%;
  }

  .leftCard,
  .rightCard {
    max-width: 45%;
  }

  .learningRight .lottieBoxes .rightCard .Animcardimg img:nth-child(1) {
    max-width: calc(60% - 10px);
  }

  .learningRight .lottieBoxes .rightCard .Animcardimg img:nth-child(2) {
    max-width: 40%;
  }

  .commonOverlay {
    left: 25%;
    max-width: calc(50% - 1px);
  }

  .overlayedSwiper::after {
    left: 25%;
    max-width: calc(46% - 3px);
  }

  .innovationHomeSlider .overlayedSwiper::after {
    max-width: calc(46% - 5px);
  }

  .innovationHomeSlider .overlayBottom {
    margin-top: 60px;
  }

  .stayUpdated {
    gap: 30px;
  }
}

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

  .homepage {
    & .tetrStartupSection {
      .swiper-slide-active {
        min-height: 512px !important;
        max-height: 500px !important;
      }
    }
  }



  .festPage {
    .postCard {
      max-width: 328px;
    }

    .gridBox {
      min-width: 328px;
      max-width: 328px !important;
    }
  }




  .techDsaiHomePage.dsaiRedesign {

    .graduateReviews .masterPlay {
      width: 18%;
      left: 75%;
      top: 65px;
    }

    .teachingDescriptionBox.newbox .masterPlay,
    .highlightTechBelowChild .masterPlay {
      left: 130px;
      top: 60px;
    }

    .blurBgButton {
      padding: 8px 12px;
    }

    .downloadBroucherButton {
      font-size: 12px;
    }

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

    .reachout.gradientBackground .gradientSectionRight {
      padding: 30px 15px !important;
    }

    .reachout .txtBox>img {
      max-width: 30px;
      max-height: 30px;
    }

    .feeProcess #growingDiv {
      left: 9% !important;
    }

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

    .gradientBackground.gradientBoxiSection {
      .go-HighlightHeading {
        font: normal 20px / 1.2 var(--go-regular);
      }

      .fr-HeadingItalic {
        font: italic 22px / 1.1 "Fraunces", serif;
      }
    }

    .techCareerTabs {
      .tabs {
        gap: 10px;
      }
    }
  }

  .buttonsParent {
    gap: 15px;
  }
}

#shadow-host-companion {
  display: none;
}



/* FONT FAMILIES */
.font-thin {
  font-family: "go-thin";
}

.font-regular {
  font-family: "go-regular";
}

.font-medium {
  font-family: "go-medium";
  font-weight: 500;
}

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

.font-bold {
  font-family: "go-bold";
}

.font-extrabold {
  font-family: "go-extrabold";
}

.highlightText {
  color: var(--black);
  text-shadow: 1px 1px 0 var(--white), -1px -1px 0 var(--white),
    1px -1px 0 var(--white), -1px 1px 0 var(--white), 1px 1px 0 var(--white);
}

.font-uppercase {
  text-transform: uppercase;
}

.letter-spacing-1 {
  letter-spacing: 1px;
}

.letter-spacing-2 {
  letter-spacing: 2px;
}

.letter-spacing-15 {
  letter-spacing: 1.5px;
}

.letter-spacing-5 {
  letter-spacing: 0.5px;
}

.letter-spacing-6 {
  letter-spacing: 6px;
}

.font-center {
  text-align: center;
}

@media only screen and (min-width: 320px) and (max-width: 740px) {
  .muDUScholar {
    .feeProcessContainer:last-child .rightSection:before {
      height: 48% !important;
    }
  }
}

@media (min-width: 1920px) {
  .boadRoom {
    .higherStudies {
      max-height: 100vh !important;
    }

    .higherStudies .diviCareer {
      padding-top: 0 !important;
    }

  }

  .higherStudies {
    max-height: 90vh !important;

    .diviCareer {
      padding-top: 80px !important;
    }
  }

  .theNewsSection {
    .newsCard {
      min-width: 20% !important;
    }
  }

  .studentEnter .studentEnterMaster .newMasterImgBox {
    height: 542px;
  }

  .heroWrapperHeadingDiv.new {
    left: 33.5% !important;
  }

  #aboutus {
    left: 35%;
  }

  .festPage .festHero {
    min-height: 90vh;
  }

  .festPage .caseUnion {
    background-position-y: -180px;
  }

  .festPage .sidebar {
    margin-left: 170px;
  }

  .festPage .heroImageFest {
    min-width: 123%;
  }

  .festPage .festHeroPara {
    left: 8%;
  }

  .video-container {
    max-height: 74vh !important;
  }



  .influenceSection .influenceLeft {
    width: 100%;
    max-width: 49% !important;
  }

  .onScrrollParentWrapper .stickyDiv:nth-child(1) {
    top: 60px !important;
  }

  .higherStudiesWrapper {
    max-width: 1280px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
    position: relative;
  }

  .homepage .video-container {
    max-height: unset !important;
    line-height: 0;
  }

  .higherStudiesLeft img {
    height: 100%;
  }

  .container {
    max-width: 1240px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0;
  }

  .scalebig {
    scale: 1.4;
    left: 5%;
    position: relative;
  }

  .homepage .gridBox:first-child {
    max-width: 320px;
  }


  .sharkTankSlider .gridBox:first-child {
    max-width: unset !important;
  }

  #afterMu,
  #studentlife,
  #innovation {
    min-width: 344px;
    left: 55%;
  }

  #studentlife {
    left: 55%;
  }

  #innovation {
    left: 60%;
  }

  .ctcCompontentWrap .ctcCompLeftSide {
    padding-left: 17%;
  }

  .menudropdown {
    /* max-width: 631px; */
    left: 35%;
  }

  .recuiterWrap {
    background-repeat: no-repeat;
    background-position: top;
  }

  /* .knowledgeHub  .learningWrap mt60 {
        padding-left: 17.4%;
    } */
  .knowledgeHub .learningWrap .mt60 {
    gap: 45px;
  }

  .learningRight {
    width: 100%;
    /* max-width: 1320px; */
  }

  .swiperBtnWrap {
    width: 97%;
  }

  .studentlifecampus .swiperBtnWrap {
    left: -13%;
  }

  .container-2 {
    padding-left: 17.4%;
  }

  .container-3 {
    max-width: unset;
    padding: 0 115px;
  }

  .multicard::after {
    width: 20%;
  }

  .opportunityWrapper .masterBox {
    max-width: 232px;
  }

  .seondtabs {
    gap: 55px;
  }

  .pgpRiseFbm .seondtabs {
    gap: 30px;
  }

  .uniqueClass .headingWrap .headingsLeft {
    width: 45%;
  }

  .elevateSkillSection.whiteLineBg {
    background-position: -6%;
  }

  .storyswiper .swiperBtnWrap {
    left: -11.7%;
    top: 150px;
  }

  .ugIntersectProgramme .intersect4 {
    align-items: flex-end;
  }
}

@media (min-width: 1450px) and (max-width: 1919px) {
  .container {
    max-width: 1240px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0;
  }

  .heroMain {
    min-height: 80%;
  }

  .educationinner {
    width: 40%;
  }

  /*


    .font-32 {
        font-size: 1.75rem;
        line-height: 140%;
    }

    .font-28 {
        font-size: 1.5rem;
        line-height: 140%;
    }

    .font-24 {
        font-size: 1.375rem;
        line-height: 140%;
    }

    .font-22 {
        font-size: 1.25rem;
        line-height: 140%;
    }

    .font-20 {
        font-size: 1.125rem;
        line-height: 140%;
    }

    .font-18 {
        font-size: 1rem;
        line-height: 160%;
    }

    .font-16 {
        font-size: 0.875rem;
        line-height: 160%;
    }

    .font-14 {
        font-size: 0.75rem;
        line-height: 160%;
    }

    .font-12 {
        font-size: 0.75rem;
        line-height: 160%;
    } */
}

@media (min-width: 1200px) and (max-width: 1440px) {
  .absoluteBranding {
    position: absolute;
    right: -5%;
    bottom: -10%;
    z-index: -1;
    width: 25%;
  }

  .container {
    max-width: 1240px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0;
  }


}

@media (min-width: 600px) and (max-width: 992px) {
  .container {
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
    position: relative;
  }

  section {
    padding: 60px 0;
  }

}



@media (min-width: 1200px) and (max-width: 1400px) {
  .headingsLeft {
    width: 60%;
  }

  .placementRight {
    width: 55%;
    justify-content: flex-end;
  }

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

  .contentLeft {
    max-width: 60%;
  }

  .content-section .contentNew {
    gap: 20px;
  }

  .investinFuture .learningRight .box {
    width: 100%;
  }
}

@media (min-width: 1900px) {
  .testDriveOnline {
    .testDriveMentors {
      .logoWraps {
        height: 28px;
      }
    }
  }

  .masterBox {
    width: 100%;
  }

  .placementRight {
    width: 48%;
    justify-content: flex-start;
  }

  .placementLeft {
    max-width: 50%;
    width: 50%;
  }

  .RightBoxi,
  .leftBoxi {
    width: 100%;
    max-width: 47%;
    gap: 15px;
  }

  .contentLeft {
    max-width: 60%;
  }

  .content-section .contentNew {
    gap: 20px;
  }
}

@media (max-width: 600px) {
  .absoluteBranding {
    position: absolute;
    right: -3%;
    bottom: -3%;
    z-index: -1;
    width: 20%;
  }

  .eventSlider .swiper-slide {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: max-content;
    gap: 3px;
  }

  .eventSlider .eventImg {
    width: 100%;
  }

  /* .eventsMU .swiper-wrapper {
        height: 460px;
    } */

  .mobVisible.flexbox {
    display: flex;
    gap: 0;
  }

  .detailBox {
    max-width: 46%;
  }

  /* .detailBox .icon {
    display: none;
  } */

  .form-flex {
    gap: 0;
  }

  .dataAvailable.flexbox {
    justify-content: space-between;
    row-gap: 20px;
    gap: 10px;
    margin-top: 20px;
  }

  .buttonWrapper.flexbox {
    gap: 15px;
  }

  .commonOverlay {
    max-width: 90%;
  }

  .anumniaSlider {
    padding: 80px 0 190px !important;
  }

  .exploreLeft {
    width: 100%;
  }

  .exploreHub .content-section .flexbox.previewTime {
    gap: 10px;
  }

  .exploreHub .content-section .flexbox {
    gap: 10px;
  }

  .cravePathHeart {
    width: 23%;
    position: absolute;
    right: 8%;
    top: 3%;
  }

  .placementWrap {
    gap: 10px;
  }

  .circleHighlight {
    margin-left: 10px;
  }

  .heroMain {
    height: 100%;
    min-height: auto;
    padding-bottom: 40px;
  }

  .heroRight .cravePath {
    width: 21%;
  }

  .sectionHeader {
    width: 100%;
  }

  .becomeamaster .rolescontent .left,
  .becomeamaster .rolescontent .right {
    width: 100%;
    max-width: 100%;
  }

  .becomeamaster .rolescontent {
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 30px;
  }

  .events .creambg .headingsLeft {
    width: 100%;
  }

  .engage .navigationWrapper {
    padding: 0;
    margin-bottom: 20px;
    width: 100%;
  }

  .engagetabsWrapper {
    flex-direction: column;
    padding-bottom: 0;
  }

  .engageablist {
    flex-direction: row;
    overflow: auto;
    width: 100%;
    border-radius: 12px;
    padding: 20px;
  }

  .engageablist li {
    min-width: max-content;
  }

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

  .engagetabsWrapper .tabcontentWrap {
    flex-direction: column;
    padding: 12px;
  }

  .engagetabsWrapper .tabcontentWrap .left,
  .engagetabsWrapper .tabcontentWrap .right {
    width: 100%;
  }

  .spotlightSlider .spotlightSwiper-prev,
  .spotlightSlider .spotlightSwiper-next {
    display: none;
  }

  .leftBoxi .boxiBox:first-child {
    max-height: max-content;
    padding: 12px;
    align-items: flex-start;
  }

  .leftBoxi .boxiBox:nth-child(2) {
    max-height: max-content;
    padding: 12px;
    min-height: 112px;
    align-items: flex-start;
  }

  .RightBoxi .boxiBox:first-child {
    max-height: max-content;
    padding: 12px;
  }

  .RightBoxi .boxiBox:nth-child(2) {
    max-height: max-content;
    padding: 12px;
  }

  .multicard .gradientCard {
    top: 40%;
  }

  .meetMaster .founderCXO {
    padding-bottom: 0px;
    flex-direction: column-reverse;
  }

  .privacyLinksWrap {
    gap: 10px;
    justify-content: flex-start;
    width: 100%;
    flex-wrap: wrap;
  }

  /* .transinner .box2col p {
        width: auto;
    } */

  .eventSlider .swiper-slide.events {
    gap: 0px;
  }

  .eventsMU.eventNew .swiper-wrapper {
    height: 100%;
    padding-bottom: 20px;
  }

  .events .eventData {
    gap: 10px;
  }

  .elevategroup {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
  }

  .elevategroup .list {
    width: 100%;
  }

  .elevateskill .swiper-slide {
    padding: 10px;
    box-shadow: none;
  }

  .overlayedSwiper {
    margin-top: 70px;
  }

  .listingpage .overlayMidVideo {
    min-height: 100px;
  }

  .listcardsWrapper {
    flex-direction: column;
  }

  .listingcards {
    padding-top: 130px !important;
    gap: 20px;
  }

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

  .sustainMapBoard {
    flex-direction: column;
    padding: 15px;
    margin-top: 20px;
    gap: 30px !important;
  }


  .mob-wd-100 {
    width: 100%;
  }

  .workwithus .educationJourney.becomeMaster .mastersList li {
    gap: 10px;
    align-items: flex-start;
  }

  .workwithus .educationJourney.becomeMaster .mastersList li img {
    width: 32px;
    height: 32px;
  }

  .daysgruop {
    gap: 20px;
  }

  .cravePath::before {
    filter: blur(30px);
  }

  .mob-w-80 {
    width: 80%;
  }

  .mob-w-100 {
    width: 100%;
  }

  .cravePath {
    width: 18%;
    top: 3%;
  }

  .pgphighlight .careerjourney .headingsLeft {
    max-width: 100%;
  }

  .pgphighlight .careerjourney .headingsRight {
    justify-content: flex-start;
    max-width: 100%;
  }

  .careerjourney .cravePath {
    top: -18%;
  }

  .pgphighlight .collaboration .headingsLeft {
    width: 100%;
  }

  .pgpMapSustain .sustainLeft {
    width: 100%;
    max-width: 100%;
  }

  .pgphighlight .leftBoxi,
  .pgphighlight .RightBoxi {
    gap: 8px;
  }

  .degreeWrapper {
    flex-direction: column;
  }

  .degreeleft,
  .degreeright {
    width: 100%;
  }

  .degreeWrapper .cravePath {
    top: 0%;
    right: 9%;
  }

  .rewritinggroup {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
  }

  .events .journey .header .lightMuVector::after {
    filter: brightness(1);
  }

  .abouttimeline .cravePath {
    right: 2%;
    top: 30%;
  }

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

  .engage .dateBox.mob-visible {
    display: flex !important;
    margin-bottom: 20px;
    gap: 12px;
    justify-content: flex-start;
    width: 60%;
    padding: 8px 12px;
  }

  .downloadBox {
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap;
  }

  .selector {
    max-width: calc(50% - 5px);
    width: 100%;
    min-width: 10px;
  }

  .downloadBox .gradientButton {
    margin-top: 10px;
  }

  .collaboration .imgFlexContainer {
    padding: 0;
    row-gap: 20px;
    justify-content: space-between;
    width: 100%;
    margin: 20px 0;
    flex-wrap: wrap;
  }

  .collaboration .contentBox {
    flex-direction: column-reverse;
  }

  .textBox {
    width: 100%;
    padding: 15px;
  }

  .collaboration .imgBox {
    width: 100%;
    height: 150px;
  }

  .recruiterBox {
    width: 100%;
  }

  .recruiterBoxes {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 40px;
  }

  .learningOutside.ugcareerprospect .beatingWraps {
    margin-top: 20px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .learningOutside.ugcareerprospect .beatingLeft {
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
  }

  .learningOutside.ugcareerprospect .beatingMid {
    width: 100%;
    line-height: normal;
  }

  .learningOutside.ugcareerprospect .beatingRight {
    width: 100%;
  }

  .learningOutside.ugcareerprospect .beatinglistWrapper {
    gap: 25px;
    margin-top: 0;
  }

  .alumniCarousel {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
    width: 100%;
    overflow: auto;
    margin-top: 30px;
  }

  .alumniCard {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 90%;
    min-width: 90%;
    border: 1px solid var(--grey13);
    border-radius: 12px;
    overflow: hidden;
  }

  .alumniCard .detailBox {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 10px;
    max-width: 100%;
  }

  .alumniCard img {
    width: 100%;
    height: 200px;
    overflow: hidden;
  }

  .alumniCard .border {
    width: 100%;
    border-top: 1px solid var(--grey13);
  }

  .starFlex {
    width: 100%;
  }

  .journey .navigationWrapper ul {
    justify-content: flex-start;
    padding: 12px 12px;
    gap: 30px;
    background: var(--grey17);
  }

  .homeAlumni .overlayedSwiper {
    margin-top: 20px;
  }

  /* .collaboration .imgFlexContainer img {
        width: 100%;
    } */

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

  .cyberpark .cravePath {
    top: 25%;
  }

  .comapanyContainer {
    margin: 0;
    margin-top: 20px;
    width: 100%;
  }

  .companyRow img {
    width: 80px;
  }

  .nextGen {
    background-position: top;
    background-size: contain;
  }

  .nextGenRow:last-child {
    flex-direction: column-reverse;
  }

  .nextGen .bannerWrapper {
    padding: 32px 16px;
    gap: 24px;
    flex-direction: column;
  }

  .nextGen .bannergroupbox {
    width: 100%;
    gap: 16px;
  }

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

  .flexDetails .detailBox {
    width: 100%;
    max-width: 100%;
    gap: 16px;
  }

  .elevateLiving .headingWrap {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
  }

  .elevateLiving .headingsLeft {
    width: 100%;
  }

  .elevateLiving .headingRight {
    width: 100%;
  }

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

  .studentlifecampus .rolescontent .left,
  .studentlifecampus .rolescontent .right {
    width: 100%;
  }

  .rolescontent .right {
    gap: 20px;
  }

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

  .emergencyBox .rightBox {
    gap: 32px;
    flex-direction: column;
  }

  .studentEvents .eventSlider .eventImg {
    height: 200px;
    width: 100%;
    overflow: hidden;
    border-radius: 12px;
  }

  .eventsMU.studentEvents .swiper-wrapper {
    height: 550px;
    padding: 10px 0;
  }

  .studentEvents .eventSlider .swiper-slide {
    width: unset;
    padding: 16px;
  }

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

  .pathwrapper .left,
  .pathwrapper .right {
    width: 100%;
  }

  .clubbox {
    width: 100%;
  }

  .accordianSubmenu {
    padding: 0 20px;
  }

  .cardAccordianHeader {
    padding: 15px;
  }

  .cardAccordian {
    overflow: unset;
  }

  .accordianSubmenu .submenu {
    min-width: max-content;
  }

  .accordianSubmenu {
    width: 100%;
  }

  .storyBoxBody {
    flex-direction: column;
  }

  .cardAccordianBodyInner {
    padding: 15px;
  }

  .storyBoxBody .detailsBox {
    width: 100%;
  }

  .studentClub .networkingbox {
    padding: 15px;
    flex-direction: column;
  }

  .studentClub .networkingbox .left,
  .studentClub .networkingbox .right {
    width: 100%;
  }

  .mobAccordianBody {
    padding: 25px 12px;
    background: var(--white);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    overflow: hidden;
    gap: 15px;
  }

  .mobAccordianBody .border {
    position: absolute;
    bottom: 0;
    height: 4px;
    width: 100%;
    left: 0;
    background: linear-gradient(102deg, #39b6d8 0%, #f7d344 50%, #e38330 100%);
  }

  .mobAccordian {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 12px;
    padding: 20px 0;
    border-bottom: 1px solid var(--grey4);
  }

  .mobAccordian.active {
    border-color: transparent;
  }

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

  .mobAccordian .header.active p {
    font-family: "go-bold";
    color: var(--black);
  }

  .mobAccordian .header.active img {
    transform: rotate(180deg);
    transition: 0.4s ease-in-out;
  }

  .mobAccordian .header img {
    transition: 0.4s ease-in-out;
  }

  .mobAccordians {
    display: block;
  }

  .afterMuStudentLife .ugcareerprospect .beatingMid {
    padding: 0;
  }

  .afterMuStudentLife .ugcareerprospect .beatingRight {
    gap: 10px;
  }

  .learningOutside .cravePath {
    top: 76%;
    left: 75%;
  }

  .learningOutside {
    padding-bottom: 0px !important;
  }

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

  .inclassSessionContainerLeft,
  .inclassSessionContainer .imageOuter {
    display: none;
  }

  .guestSessionLeft .footer .mainHeading {
    margin: 12px 0 24px;
  }

  .guestBox {
    width: 100%;
    min-height: 451px;
  }

  .guestLectureContainer {
    flex-direction: column;
  }

  .hoverCard {
    padding: 24px;
  }

  .guestLecture .header {
    flex-direction: column;
  }

  .guestLecture .mainHeading {
    width: 100%;
  }

  .guestLecture .font-16 {
    width: 100%;
  }

  .supplyChain .detailBox {
    width: 100%;
    max-width: 100%;
    gap: 10px;
  }

  .funUnfold .header {
    flex-direction: column;
  }

  .funUnfold .mainHeading {
    width: 100%;
  }

  .funUnfold .font-16 {
    width: 100%;
  }

  .dropshippingChallenge .header {
    flex-direction: column;
    margin: 0;
  }

  .dropshippingChallenge .header .headerRight {
    width: 100%;
  }

  .clubActivityBox {
    margin-top: 20px;
    flex-direction: column;
  }

  .clubActivityBox .left {
    width: 100%;
  }

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

  .clubActivityBox .right .detailBox {
    width: 100%;
    max-width: 100%;
    padding: 16px;
    gap: 0;
  }

  .clubActivityBox .right .detailBox {
    margin: 10px 0;
  }

  .hostelSection .header {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
  }

  .glimpses .cravePath {
    top: 0%;
  }

  .convinence .convinenceLottie {
    max-width: 100%;
  }

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

  .absoluteArrow {
    position: absolute;
    right: 10%;
    top: -6%;
    width: 75%;
  }

  .guestLecture .absoluteArrow {
    top: -3%;
  }

  .supplyChain .absoluteArrow {
    top: -60px;
  }

  .dropshippingSwiper .swiperCard .desc {
    display: block;
  }

  .dropshippingSwiper .swiper-slide .swiperCard img {
    width: 100%;
  }

  .dropshippingChallenge .swiper-slide {
    height: 100%;
  }

  .navigatioButton {
    width: 40px;
  }

  .dropshippingSwiper .dropshippingSwiper-prev,
  .dropshippingSwiper .dropshippingSwiper-next {
    top: 40%;
  }

  .studenteventslide .swiper-slide {
    flex-direction: column;
  }

  .studentEvents .studenteventslide .eventImg {
    height: 200px;
    overflow: hidden;
    border-radius: 12px;
  }

  .absolutetext {
    width: fit-content;
  }

  .detailContainer {
    flex-direction: column;
  }

  .honorBox {
    width: 100%;
  }

  .snippet {
    width: 45%;
  }

  .snippet img {
    width: 100%;
  }

  .snippetsContainer {
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .rightContainer .cravePath {
    right: 2%;
  }

  .masterCard {
    padding: 14px;
  }

  .masterpopup {
    width: 100%;
    padding: 15px;
  }

  .popupContainerOuter {
    padding: 15px;
  }

  .table {
    width: 100%;
  }

  .tableHead {
    padding-bottom: 12px;
  }

  .leftHeader .font-24 {
    font-size: 0.875rem;
  }

  .tableBody {
    margin-top: 12px;
    gap: 12px;
  }

  .tableContainer {
    gap: 40px;
    row-gap: 40px;
  }

  .whiteContainer {
    padding: 15px;
  }

  .flexTable {
    flex-wrap: wrap;
    row-gap: 20px;
    justify-content: space-between;
  }

  .flexTable .box {
    width: 49%;
  }

  .whiteContainer .border {
    margin: 10px 0;
  }

  .snippets .header {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

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

  .eventLeft,
  .eventRight {
    width: 100%;
  }

  .curri-course .header {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .studentlifecampus .studentEvents .studenteventslide .eventData {
    max-width: 100%;
    width: 100%;
  }

  .imgFlexContainer img {
    width: 30%;
  }

  .imgFlexContainer {
    width: 100%;
  }

  .cardAccordainContent .cardboxpd {
    padding: 0 10px;
  }

  .gradientButton.whiteHover button {
    width: 100%;
  }

  .applicationTableWrap .gradientButton.whiteHover button {
    min-width: max-content;
  }

  /* In-footer-image-added,css start */
  .footer-imgs.mob-hide {
    display: none !important;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0;
    gap: 20px;
  }

  .footer-imgs.mob-hide img:nth-child(2) {
    margin-left: 15px;
  }
  .footer-imgs.mob-hide img:nth-child(3) {
    margin-left: 15px;
  }

  .footer-imgs.mob-visible {
    display: flex !important;
    gap: 20px;
  }

  .footer-imgs img {
    width: 35%;
  }

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

  .scalebig2 {
    scale: 1;
    max-width: 160px;
    padding-left: 0;
  }

  .wrapperImg {
    flex-wrap: wrap;
    gap: 40px;
    width: 100%;
    padding-top: 20px;
    border-top: 1px solid var(--grey9);
    margin-top: 0;
  }

  .footer-imgs.mob-hide {
    display: block !important;
    width: 100%;
    max-width: 100%;
  }

  .footerLinksWrap.box1 {
    flex-direction: row;
    /* gap: 45%; */
  }

  a.footerHeading {
    width: 100%;
    min-width: max-content;
  }

  .scalebig2 {
    transform: translateX(-14px);
  }

  /* In-footer-image-added,css end */

  .pgphightlight-tbm-fbm {
    position: relative;
  }

  .pgphightlight-tbm-fbm .pgp-tbm-DriveReal .headingWrap {
    margin-bottom: 0;
  }

  /* mena css  start */
  .pgpRise-Mena .mob-Video-Present {
    width: 100%;
  }

  .pgpRise-Mena .mob-Video-Present .newThumbnailGradientBg::after {
    display: none;
  }

  /* mena css end */
}

/* student fiexs (hostel)  CSS start */
.StudentHostel .tabFixes ul.tabs.faqtabs {
  gap: 25px;
}

.StudentHostel .hostelForms-fix .formsWraps {
  margin-top: 0px;
}

.StudentHostel .hostelForms-fix .applyleft {
  margin-bottom: 0px;
}

/* ugTbm changes start */

.ughighlight {
  .whiteMuBg {
    .masterRight .masterImage {
      display: block !important;
    }
  }
}

/* tech Mob vishali */
@media (max-width: 767px) {


  .tabimgages {
    height: 100%;

    img {
      height: auto !important;

    }
  }


  .studentExperience {
    .imageTextWrapper {
      padding: 0 26px;
      display: flex;
      gap: 10px;
      align-items: flex-start;
      overflow: auto;
      gap: 26px;

    }
    
    .afterChild {
      padding-left: 16px;
      width: 100%;
      display: flex;
    }

    .imageWrapper {
      min-width: 340px;
    }

    .textWrapper {
      min-width: 240px;
      display: none;
    }

    .BelowImageWrapper {
      width: 100%;
      align-items: center;
      justify-content: center;
      display: flex;
      opacity: 0 !important;
    }

    .BelowImageWrapper>img {
      max-width: 266px;
    }

    .pinBoxi {
      padding-left: 0 !important;
      zoom: 108%;
    }

    .initialWrapper {
      display: flex;
      align-items: flex-start;
      gap: 20px;
    }

    .belowFirstImage {
      width: 100%;
      max-width: 240px;
    }

    .secondBelowImage {
      width: 100%;
      max-width: 183px;
    }

    .worldFirst {
      padding-left: 16px !important;
    }

    .worldFirstBottom {
      display: flex;
      align-items: flex-end;
      gap: 16px;
    }

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

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

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

    .plainImage {
      width: 100%;
      max-width: 468px;
    }

    .scrollerParent {
      display: flex;
      align-items: flex-start;
      overflow: hidden;
      /*will be auto */
      width: 100%;
      height: 100%;
      gap: 20px;
    }

    .imagesHeroWrapper {
      margin-top: -40px;
      min-width: 500px;
    }

    .headingNormalMob {
      font-style: italic;
      font-family: "Fraunces", serif;
      font-size: 60px;
      color: var(--white);
    }

    .imageFirst {
      max-width: 230px;
    }

    .heroMob {
      background: var(--grey17);
      border-bottom: 1px solid var(--black5);
      height: 200vh;
    }

    .parentWrapper::-webkit-scrollbar {
      height: 0 !important;
      width: 0 !important;
    }

    .inifiniteParent .headingWrapper {
      gap: 40dvh;
    }

    .allImageWrapper {
      display: flex;
      gap: 20px;
      min-width: max-content;
      margin-right: 16px;
    }

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

    .heroMobHeadingWrapper {
      margin-bottom: 24px;
    }

    .imageBefore {
      width: 100%;
      max-width: 320px;
    }

    .ImageAfter {
      width: 100%;
      max-width: 230px;
    }

    .imagesHeroWrapper {
      position: relative;
      width: 100%;
      height: 600px;
      margin: 0 auto;
      min-width: 100%;
      margin-left: 16px;
      overflow: hidden;
      max-height: 480px !important;
    }

    .currentImage {
      max-height: 500px;
      max-width: 94%;
    }

    .previousImage {
      max-width: 94%;
    }

    .carousel-container {
      margin-left: 16px;
    }



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

    .leftWrapper {
      max-width: 327px;
    }

    .worldTravel {
      min-width: 1000px;
      max-height: 500vh !important;
      /* overflow: hidden; */
    }

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

    .travelWrapper .travelHeading,
    .placeName {
      font-size: 24px;
    }

    .travelSubHeading {
      font-size: 18px;
    }

    .rightImg {
      max-width: 250px;
    }

    .headingImg {
      max-width: 400px;
    }

    .milanLeftWrapper {
      justify-content: unset;
      gap: 30px;
    }

    .milanLeftImg {
      max-width: 220px;
      max-height: 238px;
    }

    .inifiniteParent .margin30 {
      margin-left: unset;
    }

    .inifiniteParent .margin100 {
      margin-left: unset;
    }

    .inifiniteParent .marginRight100 {
      margin-left: unset;
    }

    .inifiniteParent .marginRight30 {
      margin-left: unset;
    }

    .inifiniteParent .scroll-track img {
      max-width: 150px;
    }

    .inifiniteParent .scroll-track-down img {
      max-width: 150px;
    }

    .inifiniteParent {
      position: relative;
    }

    .headingAbs {
      z-index: 999;
      position: absolute;
      top: 22%;
      left: 20%;
      text-align: center;
    }

    .headingBelow {
      z-index: 999;
      position: absolute;
      top: 72%;
      left: 20%;
      text-align: center;
    }

    .travelling {
      gap: 0;
    }

    .milanImg {
      max-width: 130px;
    }

    .milanRightImg {
      gap: 12px;
    }

    .welcomeMu {
      padding-top: 0 !important;
    }

    .welcomeMu .headingWrapper {
      top: 10%;
      height: 80%;
      gap: unset;
    }

    .singaporeLeftWrapper {
      min-width: 270px;
    }

    .milanBelowImg {
      max-width: 194px;
    }

    .milanRightWrapper {
      max-width: 332px;
    }

    .singaporeBelowWrap {
      max-width: 300px;
      min-width: 315px;
    }

    /* .milanBelowImg2 {
      max-width: 100% !important;
    } */

    .secondSvg {
      left: 16%;
      top: -7%;
      /* z-index: -999; */
      scale: 0.9;
    }

    .pinBoxi {
      height: 3500px;
    }

    .thirdSvg {
      position: absolute;
      left: 54%;
      bottom: 15%;
      z-index: -999;
      scale: 0.92;

    }

    .worldTravel:first-child {
      margin-right: 70px;
    }

    .worldTravel:first-child {
      padding-left: unset;
    }

    .firstSvg {
      position: absolute;
      top: 5%;
      left: 42%;
    }

    .singaporeRightWrapper>img {
      height: unset;
    }

    .worldTravel:nth-child(3) {
      max-width: fit-content;
    }

    .worldTravel:nth-child(4) {
      margin-right: 60px;
    }

    .afterChild>img {
      max-width: 266px;
    }

    .animatedImage {
      max-width: 266px;
      max-height: 382px;
    }

    .singaporeCenterWrapper {
      max-width: 300px;
      gap: 135px;
      justify-content: unset;
    }

    .initialWrapper {
      padding: 0 26px !important;
    }

    .singaporeRightWrapper {
      max-width: 300px;
      min-width: 325px;
      overflow: hidden;
      img{
        object-fit: contain;
      }
    }

    .activityHeading {
      font-size: 24px;
    }

    .gradientBold {
      font-size: 24px;
    }

    .swiper-slide {
      height: unset !important;
    }

    .activities {
      padding-bottom: 0 !important;
    }

    .aboutMasters {
      padding-top: 40px !important;
    }

    .floatingWrapper.rowReverse {
      flex-direction: row !important;
      padding: 0 8px
    }

    .carousel-container {
      margin-top: 32px;
    }

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

    .inifiniteParent {
      height: 140dvh;
      background:
        url(https://images.mastersunion.link/uploads/08082025/v1/Vector1352.svg) no-repeat left -94px top -7%,
        url(https://images.mastersunion.link/uploads/08082025/v1/Vector1353.svg) no-repeat right 0px top 55%,
        linear-gradient(to bottom, white 50%, black 50%);
      background-size: contain;
      display: flex;
      justify-content: space-between;
      overflow: hidden;
    }

    .bocconiHeading {
      font-size: 30px;
    }

    .lensSection {
      padding-top: 140px;
    }

    .floatingWrapper {
      flex-direction: row-reverse;
    }

    .lensSection .testimonials {
      padding-bottom: 130px !important;
    }

    .fineSvg {
      top: 10%;
      left: -6%;
    }

    .studentSvg {
      left: 28%;
      top: 10%;
    }

    .sectionSubLine {
      font-size: 14px;
    }

    .testimonials {
      .floatingWrapper.rowReverse {
        flex-direction: row-reverse !important;
      }
    }

    .utSvg {
      position: absolute;
      left: 47%;
      top: 51%;
      scale: 1.2;
    }

    .flowingText {
      font-size: 13px;
    }

    .testimonials {
      padding-bottom: 60px !important;
    }

    .floatingWrapper .floatingRight {
      width: 100%;
    }

    .floatingLeft {
      gap: 12px;
    }

    .testimonialName {
      font-size: 20px;
    }

    .testimonialData {
      gap: 4px;
    }

    .lensHeadingItalic {
      font-size: 22px;
    }

    .sectionGradientHeadIt {
      font-size: 24px;
    }

    .headingNormal {
      font-size: 22px;
    }

    .ruleHeading {
      font-size: 24px;
    }

    .oneRule .sectionGradientHeadIt {
      font-size: 24px;
    }

    .lensSection {
      gap: 32px;
    }

    .lensWrapper {
      margin-bottom: 0;
    }

    .lensBoxi {
      min-width: 230px;
    }
  }

  .podcastSection.ugnew {

    .podcastWrapper {
      padding: 0 !important;
      gap: 20px !important;
    }

    .go-BreatherHeading {
      font-size: 22px !important;
    }

    .podcastRight {
      padding: 16px 16px 0 !important;
    }


    .podcastLeft {
      padding: 0 16px 16px !important;
    }

  }



  .homepage {
    .impactScroll .techPointerChild {
      align-items: center;
    }

    .programs-wrapper {
      margin-top: 14px;
    }

    .impactLeftBoxInner .masterImage {
      border-radius: 0 !important;
    }

    .eventsMU .eventHeading {
      min-height: 39px;
    }

    .btnBlack.mob-visible {
      display: flex !important;
      width: 100%;
      position: relative;
      z-index: 9999;
    }

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

      .souravS {
        padding-top: 32px;
        padding-bottom: 60px;
      }

      .sharkTankSlide .right {
        position: absolute;
        right: -1rem;
        top: -2rem;
        width: 100%;
        max-width: 159px;
      }

      .sharkTankSlide .left {
        position: absolute;
        left: -1rem;
        bottom: 0;
      }

      .watchvideoBtn {
        top: 45%;
        left: 45%;
      }

      .swiper-pagination,
      .swiper-pagination-mobile,
      .swiper-pagination-desktop {
        position: absolute !important;
        bottom: 0 !important;
        left: unset !important;
        right: unset !important;
        width: 100% !important;
      }

    }

    .datetimeWrapper .boxTime p {
      font-size: 13px;
    }

    .datetimeWrapper {
      gap: 6px;
    }

    .mob-right.mob-visible {
      width: 100%;
      display: flex !important;
      justify-content: center;
    }


    .ranveerShow {
      padding: 40px 0;
    }

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

    .LearnApply .learnBelowRight .btnWhite {
      margin-top: 24px;
    }

    .homeEvents .headingWrapperButton {
      min-height: unset;
    }

    .sharkMobileSection {
      background: var(--black);
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 32px;

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

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

      .sharkSwiperWrapper {
        display: flex;
        width: 100%;
        overflow: hidden !important;
      }

      .sharkCard {
        position: relative;
        overflow: hidden;
        border-radius: 12px;
        max-height: 517px;
        cursor: pointer;
      }

      .sharkCardContent {
        position: absolute;
        padding: 16px;
        left: 0;
        bottom: 10px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        width: 100%;
      }

      .sharkChallengeBtn {
        width: fit-content;
        padding: 8px;
        border-radius: 40px;
        background: #313131;
        backdrop-filter: blur(2px);
        text-transform: uppercase;
        font-size: 11px;
        font-family: var(--go-medium);
        color: var(--grey4);
        align-items: center;
        line-height: 120%;
      }

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

      .sharkProjectPara {
        font-size: 12px;
        line-height: 160%;
        font-family: var(--go-regular);
        color: var(--grey16);
      }

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

      .sharkName {
        font-size: 14px;
        line-height: 160%;
        font-family: var(--go-medium);
        color: var(--white);
      }

      .courseName {
        font-weight: 400;
        font-size: 12px;
        color: var(--grey10);
        font-family: "Fraunces", serif;
      }

      .masterPlay {
        width: fit-content;
        height: fit-content;
        position: unset;
      }

      .swiper-wrapper {
        padding-bottom: 34px !important;
      }

      .swiper-pagination,
      .swiper-pagination-mobile,
      .swiper-pagination-desktop {
        position: absolute !important;
        bottom: 0 !important;
        left: unset !important;
        right: unset !important;
        width: 100% !important;
      }

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


    .journeyStarts {
      .mobVisible {
        display: UNSET !important;
        font-family: var(--go-regular) !important;
      }
    }

    .rounded-top {
      border-radius: 8px 8px 0 0;
    }

    .sharkTankSlider .gridBox:hover .overLayDetail {
      z-index: -1;
      display: none;
    }

    .floatingText {
      font: 18px 'go-regular' !important;
      justify-content: flex-start;
      gap: 8px;
    }

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


    .studentBuilding .sectionParaTech {
      max-width: 100%;
    }

    .homeHeroSection {
      padding-bottom: 0 !important;
      zoom: 95%;

      .heroLeft {
        padding-inline: 16px;
      }

      .overlayHero {
        left: 0;
        bottom: 60px;
      }

      .muHeroLogos {
        margin: 0;
      }

      .bgHeroVideoWrap {
        max-height: 100%;
      }

      .homeheroHeading {
        font-size: 96px;
        width: fit-content;
        display: flex;
        flex-direction: column;
        align-items: end;
        justify-content: end;
      }

      .btnWhite {
        width: 100%;
      }
    }

    .mobileTopBorder {
      border-radius: 0;
    }

    .modelMasterMob {
      background: var(--black);
      border-top: 1px solid var(--black5);
      border-bottom: 1px solid var(--black5);
      padding-bottom: 40px !important;

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

      .modelItalic {
        font-family: "Fraunces", serif;
        font-weight: 400;
      }

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

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

      .newMasterBox {
        min-width: 230px;
      }

      .newMasterDetailsWrap {
        padding: 12px 8px;
      }

      .modalMasterDetail {
        display: flex;
        flex-direction: column;
        gap: 4px;
        border-bottom: 1px solid var(--black5);
      }

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

      .modalMasterDesig {
        font-size: 13px;
        line-height: 120%;
        font-family: 'fraunces', serif;
        font-weight: 350;
        color: var(--grey18);
        margin-bottom: 12px;
      }

      .modelMasterDivi.visitingFaculty .modalMasterDetail {
        min-height: 75px;
      }


      .newMasterDetailsWrap .newMasterLogos {
        max-height: unset;
        min-height: unset;
      }

      .newMasterDetailsWrap {
        line-height: 0;
        height: 100%;
      }

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

      .percentageUpper {
        display: flex;
        align-items: center;
        gap: 16px;
        padding: 0 16px;
      }

      .percentageNumber {
        color: #F1D24B;
        font-size: 66px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        font-family: "fraunces", serif;
      }

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

      .gradientPercent {
        font-size: 17px;
        font-family: var(--go-regular);
        line-height: 100%;
      }

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

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

      .modelMasterDivi {
        display: flex;
        overflow: auto;
        gap: 10px;
        max-width: 100%;
        width: 100%;
        padding-left: 16px;
      }
    }


    #learn1 {
      border-radius: 8px 8px 0px 0px;
    }

    .ourProgrammeMob {
      .ProgrammeCardMob .headingWrapper {
        min-height: 142px;
      }

      .ProgrammeCardMob .eachInfoWrapper:nth-child(3) {
        min-height: 57px;
      }

      .imageWrappper .masterplay svg {
        backdrop-filter: blur(2px);
      }

      .speciallyBtn {
        order: 3;
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        a {
          position: absolute;
          bottom: 20px;
          /* left: 0; */
          margin: 0 auto;
          max-width: 92%;
        }
      }

      .swiper {
        overflow: hidden !important;
      }

      background: var(--black);

      .btnWhite.btnSm {
        width: 100%;
      }

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

      .programmeSpan {
        font-size: 24px;
        font-weight: 400;
        font-family: "Fraunces", serif;
        font-style: italic;
      }

      .programmeWrapper {
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
        position: sticky;
        top: 16px;
        z-index: 100;
        background: var(--black);
        padding-bottom: 10px;
      }

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


        img {
          border-radius: 8px;
        }

      }

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

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

      .programName.active {
        border: 1px solid transparent;
        /* Keep border transparent but define width */
        background: var(--white);

        .allText {
          color: var(--grey17) !important;
          font-weight: 600;

        }
      }

      .allText {
        font-size: 11px;
        font-family: 'go-regular';
        color: var(--white);
        font-weight: 400;
        line-height: 120%;

      }

      .eachProgramDivi .swiper-pagination-bullet {
        background: var(--grey5) !important;
      }

      .eachProgramDivi {
        display: flex;
        flex-direction: column;
        gap: 15px;
        align-items: flex-start;
        opacity: 0;
        transform: translateY(10px);
        transition: opacity 0.1s ease, transform 0.1s ease;
      }

      .eachProgramDivi.show {
        opacity: 1;
        margin-top: 14px !important;
        transform: translateY(0);
      }

      /* .ugcard1 .ProgrammeCardMob .headingWrapper .cardPara {
        min-height: 74px;
      }

      .ugcard1 .ProgrammeCardMob .eligibilityParent {
        min-height: 197px;
      }

      .ugcard1 .ProgrammeCardMob .cardHeading {
        min-height: 50px;
      }

      .ugcard3 .ProgrammeCardMob .cardHeading {
        min-height: 50px;
      }

      .ugcard2 .ProgrammeCardMob .headingWrapper .cardPara {
        min-height: 56px;
      }

      .ugcard2 .ProgrammeCardMob .cardHeading {
        min-height: 73px;
      }

      .ugcard2 .ProgrammeCardMob .eligibilityParent {
        min-height: 197px;
      }

      .ugcard3 .ProgrammeCardMob .headingWrapper .cardPara {
        min-height: 56px;
      }

      .ugcard3 .ProgrammeCardMob .eligibilityParent {
        min-height: 185px;
      } */

      .programmiHeadingMOb {
        font-size: 20px;
        font-family: "Fraunces", serif;
        font-weight: 400;
        display: none;
        line-height: 120%;
      }

      .gradientUnderline::after {
        background: url(https://images.mastersunion.link/uploads/01052025/v1/Vector1348.svg) no-repeat;
      }

      .ugCardsParent {
        display: flex;
        gap: 10px;
        overflow: hidden !important;
        width: 100%;
        max-width: 100%;
      }

      .ProgrammeCardMob {
        border-radius: 8px;
        position: relative;
        border: 1px solid var(--black5);
        background: var(--black);
        padding: 10px;
        display: flex;
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;

        a {
          width: 100%;
          order: 5;
        }
      }

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

      .eachProgramDivi .swiper-wrapper {
        padding-bottom: 30px !important;
      }

      .eachProgramDivi .swiper-pagination-bullet {
        background-color: var(--black5) !important;
        width: 8px;
        height: 8px;
        border-radius: 10px;
        margin: 0 4px;
        transition: background-color 0.3s ease, width 0.3s ease;
        opacity: 1;
      }


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



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

      .cardHeadingFraunce {
        font-size: 20px;
        font-weight: 400;
        line-height: 120%;
        font-family: "Fraunces", serif;

      }

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

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

      .eligibilityParent {
        display: flex;
        /* flex-wrap: wrap; */
        min-height: 324px;
        gap: 10px;
        margin-bottom: 2px;
        flex-direction: column;
      }

      .cardParaEligibility {
        line-height: 120%;
        font-size: 13px;
        color: var(--white3);
        font-family: var(--go-medium);
      }

      .eachInfoWrapper {
        display: flex;
        align-items: flex-start;
        gap: 6px;
        width: 100%;
        max-width: 100%;
      }

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

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

      .whiteFillButton {
        max-width: 100%;
        justify-content: center;
        font-size: 13px;
        padding: 8px 14px;

        img {
          max-width: 12px;
          max-height: 10px;
        }
      }
    }

    .convocationSection .convocationleft {
      max-width: 100%;

      .pd-30 {
        padding-top: 24px !important;
      }
    }

    .convocationSection .btnWhite {
      padding: 10px 20px;
      font-size: 12px;
      display: flex;
      width: fit-content;
      justify-content: center;
      align-items: center;
      margin: 32px auto 0;
    }



    .LearnApply .onScrollLearn {
      gap: 120px;
    }

    .LearnApply .learnApplyWrapper {
      gap: 24px;
    }

    .pgpNew .LearnApply {
      border-bottom: unset;
    }

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

    .impactScroll {
      border-top: unset !important;
    }

    hr.rightline {
      position: relative;
      width: 61%;
      top: 3.5rem;
      height: 5px;
      background: white;
      left: -20px;
    }

    .heroLeft {
      bottom: 50px;
      gap: 20px;
    }

    .mainHeading {
      font-size: 96px !important;
      text-align: right;
    }

    .muHeroLogos {
      max-width: 100%;
      justify-content: flex-start;
      margin-top: 40px;
    }

    .watchPlayText {
      height: unset;
      top: 90% !important;
      left: 70% !important;
      transform: translate(-50%, -50%);
      width: 50% !important;
    }

    .impactLeftBox::after {
      left: -10px !important;
      top: -4px !important;
      scale: 0.8;
    }

    .impactLeftBoxInner::before {
      left: 0.5rem !important;
    }

    .pd-60 {
      padding-block: 30px;
    }

    /* 
    .impactLeftBox {
      padding-left: 35px !important;
    } */

    .contentSubHeading {
      font: 13px 'go-regular';
    }

    .LearnApply .sectionHeadingTech {
      font-size: 20px !important;
    }

    & .mastersGraph {
      .centeredHeading {
        max-width: 100%;
      }

      .img-container {
        flex-direction: column;

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

    .hoempageEvents {
      padding: 40px 0 !important;

      .eventTag {
        border-radius: 60px;
        padding: 4px 16px;
      }

      ul {
        gap: 4px;
      }

      li {
        text-wrap: nowrap;

        svg {
          display: none;
        }
      }
    }

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

      .programmesImageParent {
        flex-direction: column-reverse;
        gap: 0px;
      }

      .ouProgrammeParent {
        max-width: 100%;
      }

      .programmeTabs {
        flex-direction: row;
        gap: 0px;
      }

      .programmeTabs li {
        text-wrap: nowrap;
        padding: 0px 42px 12px 0;
      }

      .ourProgrammeLeft {
        max-width: 100%;
      }

      .programmeTabs {
        overflow: auto;
      }

      .boldHeading {
        font-size: 20px;
      }

      .sectionGradientHeadIt {
        font-size: 24px;
      }

      .programmeHeading {
        font-size: 18px;
      }

      /* .programmeVideo {
        position: sticky;
        top: 10rem;
      }
      .ouProgrammeParent{
        max-height: 260px;
        overflow: auto;
      } */
      .sectionHeadingTech {
        font-size: 22px !important;
      }

      .sectionHeadingFr {
        font-size: 26px;
      }

      .ourProgrammeWrapper {
        margin-top: 30px !important;
      }

      .programmeVideo {
        height: 150px;
        overflow: hidden;
      }

      .programmePara .programmeCardPara {
        display: none;
      }

      .programmeHeading {
        margin-top: 20px;
      }

      .programmeMobWrapper {
        display: flex;
        flex-direction: column;
        gap: 22px;
        align-items: center;
      }

      .eligibilityMobWrapper {
        display: flex;
        flex-wrap: wrap;
        row-gap: 20px;
      }

      .campusBoxi {
        flex-direction: row;
        gap: 8px;
        align-items: flex-start;
        max-width: 170px;
      }

      .whiteFillButton {
        max-width: 100%;
        justify-content: center;
      }

      .programmeRightContent {
        gap: 20px;
      }

    }

    .modalmaster {
      .modelMastersHeading {
        font-size: 26px;
      }
    }

    .sectionHeadingTech {
      font-size: 24px !important;
    }

    .homeSectionHeading {
      font-size: 26px;
    }

    .impactGradientItalic {
      font-size: 26px !important;
    }

    .impactScroll .ulListWrapper .appliedPara {
      font-size: 14px;
    }

    .impactScroll .ulListWrapper .pointerPara {
      font-size: 13px;
    }

    .impactScroll .ulListWrapper .poweredDivi {
      gap: 10px;
    }

    .impactScroll .ulListWrapper .techPointersParent {
      gap: 5px;
    }

    .impactButton {
      font-size: 11px !important;
    }

    .sharkTank .sectionHeading {
      font-size: 22px;
    }

    .sharkTank .homeSectionHeading {
      font-size: 26px;
    }

    .sharkTank .teachingHeadWrap {
      align-items: center !important;
    }

    .fullpageContent .headingBuilding {
      left: 0;
    }

    .sectionParaTech {
      max-width: 100%;
    }

    /* .studentBuildingWrapper .watchPlayText {
      top: 90%;
      left: 74%;
    } */
    .studentBuilding {
      padding: 0 !important;

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

      }
    }

    .studentBuilding {

      .video-container {
        position: relative;
        height: unset;
      }

      .watchPlayText {
        height: unset !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%);
        width: fit-content !important;
      }
    }

    .convocationSection {
      background: var(--black) !important;
    }

    .expertCommunity .communityWrapper {
      gap: 40px;
    }

    .convocationSection .convocationleft>img {
      border-radius: 8px;
      margin-top: 30px;
    }


    .expertCommunity {
      padding-bottom: 20px !important;
    }

    .getPreppedMain {
      .getpreppedmentor {
        padding-bottom: 100px !important;
      }

      .yearUpperDivi h2 {
        max-width: 100%;
      }

      .yearUpperDivi .aiToolsRight {
        max-width: 100%;
      }

      .getpreppedVideoSection {
        padding: 0 !important;
        max-height: 139px;

        .getpreppedVideoContainer {

          max-width: 100%;
          top: -4rem;
        }
      }


    }

    .getpreppedMasters {
      padding-top: 20px !important;
      border-bottom: 1px solid var(--black5);

      .getpreppedTabWrapper {
        margin-bottom: 24px;
      }

      .seondtabs {
        overflow: auto;
        justify-content: flex-start;
        gap: 40px;
      }

      .mastersGroup {
        flex-wrap: nowrap;
        overflow-x: auto;
      }

      .newMasterBox {
        min-width: 80%;
        max-width: unset;
      }
    }

    .muCareerPageDetail {
      padding-top: 120px;

      .header {
        flex-direction: column;
      }

      .congrats-box {
        max-width: 100%;
        margin-left: 0 !important;
      }
    }

    .careerPageRight {
      .blackBtn button {
        border: none !important;
      }

      .opportunityWrapper {
        flex-direction: column !important;
      }

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

    .selectingStudents.sharkTank .cardsWrapper .gridBox {
      min-height: 480px;
    }



    .intersectFiveHomePage {
      .influenceSection {

        .influenceWrapper {
          flex-direction: column;
        }

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

        .influenceRight {
          border: 10px solid white;
          border-bottom: none;
          width: 100%;
          max-width: 100%;
        }

        .mob-size {
          max-width: 23px;
        }

        .reachBoxRight {

          max-width: 95.5%;
          padding: 12px;

          h2 {
            font: 20px 'go-thin';
            margin-top: 12px;

            span {
              font-size: 22px;
            }
          }


          .subheading {
            font: 13px 'go-regular';
          }

          .reachBoxWrapper {
            gap: 8px;
            margin-top: 12px;
          }

          .reachBox {


            h4 {
              font: 12px 'go-regular';
              color: var(--grey4);
            }

            p {
              font: 20px 'go-medium';
            }
          }



          .reachBox.yellowBox {
            margin-top: 15px;

          }
        }
      }

      .joinNewsletter .Newswrapper {
        padding: 25px;
      }

      .joinNewsletter .SubmitButton {
        display: flex;
        padding: 13px 25px;
        gap: 5px;
        font-size: 14px;
        line-height: 24px;
      }

      .connectWithUs {
        .connectWrapper {
          flex-direction: column;
        }

        .connectLeft {
          max-width: 100%;
        }

        .connectRight {
          max-width: 100%;
        }

        .connectHeading {
          font-size: 22px;
        }

        .italicThin {
          font-size: 24px;
        }

        .boxText {
          font-size: 12px;
        }

        .connectRight {
          padding: 15px;
        }
      }

      .impactScroll {

        .impactLeft {
          width: 100%;
        }



        .impactLeftBoxInner {
          gap: 60px;
          margin-top: 40px;
        }

        .impactLeftBox {
          position: relative;
          padding-left: 35px;
        }

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

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

        .ulListWrapper {
          .appliedPara {
            font-size: 14px;
          }

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

      .postEditionSection {
        .postIntersectList {
          overflow: auto;
        }

        .intersectNum {
          text-wrap: nowrap;
        }

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

        .gameChangerRight {
          max-width: 100%;
        }

        .gameChangerLeft {
          max-width: 100%;
        }

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

      .intersectHeroWrapper .heroWrapperHeadingDiv {
        gap: 20px;
      }

      .listHead {
        font-size: 16px;
      }

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

      .techImageDivi {
        min-height: unset;
      }

      .worldMap .worldMapWrapper {
        flex-direction: column;
        gap: 10px;
      }

      .worldMap .mapImage {
        overflow: scroll;
        justify-content: flex-start;
      }

      .worldMap .mapImage>img {
        min-width: 915px;
      }

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

      .newsRightWrapper {
        max-width: 100%;
        overflow: auto;
      }

      .newsBoxi {
        max-width: 100%;
        min-width: 300px;
      }

      .intersectEventCalender .calendar {
        min-height: unset;
      }

      .graduateReviews .studentInternshipWrapper {
        padding: 20px;
      }

      .alumniSpotlightWrap .alumniheroLeft .techTop h2 {
        font-size: 24px;
      }

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

      .getInvolvedMain .yearUpperDivi .sectionRightSubheading {
        max-width: 100%;
      }

      .connectWithUs {
        .volunteerImage {
          min-height: 300px;
        }
      }

      .memberLoginSection .memberLoginWrapper {
        padding: 40px 16px;
      }

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

      .memberLoginSection .loginFieldsWrapper {
        max-width: 100%;
      }

      .memberLoginSection .loginFieldParent {
        flex-direction: column;
      }

      .memberLoginSection .loginField {
        max-width: 100%;
      }

      .memberLoginSection .signUpDivi {
        flex-direction: column;
        gap: 30px;
      }

      .memberLoginSection .impactScroll {
        max-width: 100%;
      }

      .signUpPara {
        font-size: 15px;
      }
    }

    .admissionTimer {
      max-width: fit-content;
      gap: 20px;

      .timerWrapperPgp {
        padding-left: 25px;
      }

      .timerWrapperPgp {
        gap: 16px;
      }

      .timerText {
        font-size: 13px;
      }

      .gradientBold {
        font-size: 20px;
      }
    }

    .scroll-container {
      overflow: hidden;
      /* white-space: nowrap; */
      flex-wrap: wrap !important;
      display: flex;
      flex-direction: row !important;
      align-items: stretch;
      position: relative !important;
      width: 100%;
      gap: 10px !important;
    }

    .aiPackedWrapper {
      gap: 45px;
    }

    .aiPackedBoxi {
      max-width: 48% !important;
      min-width: 48%;
    }

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

    .aiPackedWrapper {
      display: flex;
      gap: 60px;
    }

    .font-34 {
      font-size: 30px;
    }

    .logoSlider {
      width: 80%;
    }

    .buttonsParent {
      flex-direction: column;
    }

    .mobileVisibleBreak {
      display: block;
    }

    .newMeetMasterSwiperAuto {
      overflow: hidden;
    }

    .ugMobTbm .studentJourneyWrap {
      flex-direction: column;
    }

    .cohortNewSection {
      .content-section {
        overflow: auto;
      }

      .cohortTableRow td {
        min-width: 147px;
      }

      .content-section::-webkit-scrollbar-thumb {
        background: var(--grey3);
      }

      .cohortCareerPara,
      .cohortYear {
        text-wrap: nowrap;
      }

      .cohortTableRow td {
        text-wrap: nowrap;
      }

      .cohortCareerPara {
        margin-bottom: 30px;
      }

      .cohortYear {
        padding: 20px 20px 20px 0px !important;
      }
    }

    .prestigiousDegree {
      .graduateHeadingPara {
        flex-direction: column;
        gap: 10px;
      }

      h2 {
        max-width: 100%;
      }

      .aiPara {
        max-width: 100%;
      }

      .globalIndiaTrack {
        flex-direction: column;
      }

      .giTrackDivi .subheading {
        font-size: 18px;
      }

      .giTrackDivi .gitrackdiviPara {
        font-size: 14px;
      }

      .globalTechPara p {
        font-size: 13px;
        line-height: 180%;
      }

      .giTrackDivi {
        padding: 15px;
      }

      .globalIndiaList {
        gap: 8px;
      }
    }

    .dsAiCurriculumImage {
      img {
        max-height: 118px;
      }
    }

    .intersectParticipatSection {
      .itemScrollbutton img {
        width: 34px;
      }
    }

    .ughighlight .inclassBox {
      justify-content: unset;
      gap: 20px;
    }

    .premierInstituteSection {

      .premierToolTipSubDiv1,
      .premierToolTipSubDiv2,
      .premierToolTipSubDiv3 {
        flex-wrap: wrap;
      }

      .toolTipDivi {
        width: 50%;
        min-width: 56px;
      }

      .premierInstitutionWrapper {
        gap: 40px;
      }

      .leftBorderRemoveMOb {
        border-left: 1px solid transparent;
      }

      .rightBorderRemoveMOb {
        border-right: 1px solid transparent;
      }
    }

    .abouttimevid {
      position: relative;
      width: 100%;
      top: unset;
    }

    .collaboration.tbmFbm-collab {
      background: var(--white);
    }

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

    .subHeadTextGrey {
      font-size: 13px;
    }

    .dropdown__items {
      left: 1rem;
      margin-top: 3.5rem;
    }

    .ugDataAi .degreeProgram .degreeRight {
      width: 100% !important;
      max-width: 100%;
    }

    .ugDataAi {
      .inclassBox .inclassFlex {
        width: 100% !important;
        max-width: 100%;
      }

      .content-section .inclassBoxWrapper .inclassBox {
        gap: 50px;
        flex-wrap: nowrap;
        min-width: unset;
      }

      .inClassBoxCHild1 {
        min-width: 200px;
        max-width: unset;
      }

      .headingsLeft .bannerSubheading {
        max-width: 93%;
      }

      .concentration h2 {
        font: 1.25rem "go-bold";
      }

      .alumniName {
        font-size: 0.813rem !important;
      }

      .alumniName span {
        font-size: 0.813rem !important;
      }
    }

    .degreeProgram {
      .degreeLeft {
        max-width: 100%;
      }

      .degreeContent .left {
        max-width: 100%;
      }

      .faqquestionWrap {
        gap: 20px;
      }

      .parentStarDiv {
        gap: 15px;
      }

      .gradientUnderline::after {
        bottom: -48%;
      }
    }

    .tangibleOutcomesSection {
      .headingWrap h2 {
        width: 100%;
        max-width: 80%;
      }

      .belowTangibleBox {
        max-width: 100%;
      }

      .headingWrap .programmeTagLine {
        width: 100%;
        max-width: 94%;
      }

      background: var(--black);
    }

    .applicationprocessWrap .iconButton {
      padding: 7px 10px !important;
    }

    .mena-cards {
      overflow: unset !important;
    }

    .pgpTbmCareers .careerImageWrapper .left,
    .pgpTbmCareers .careerImageWrapper .right {
      max-width: 100%;
    }

    .testDriveOnline {
      overflow: hidden;

      .TimelineTestDrive {
        .outclassboxWrapper {
          flex-wrap: nowrap;
          overflow: auto;
          margin-top: 15px;
        }

        .outclassBox {
          min-width: 100%;
          /* flex-wrap: wrap;
        flex-direction: column-reverse;
        max-width: 100%;
        padding: 12px;
        max-height: 337px;
        height: 100vh;
        overflow: hidden; */
        }

        .classEffect:hover::before {
          height: 142%;
        }

        .inClassHeading {
          font-size: 18px;
        }
      }

      .experienceReal {
        .simulationWrapper {
          flex-direction: column;
        }

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

        .sectionHeading {
          font-size: 20px;
          font-family: "go-bold";
          font-weight: 700;
        }
      }

      .costLogistic {
        .costWrapper {
          display: block;
        }

        .heading {
          font-size: 20px;
          margin-bottom: 20px;
        }

        .formWrap {
          width: 100%;
          margin-top: 30px;
        }

        .tabContent {
          font-size: 14px;
          font-family: "go-medium";
          font-weight: 500;
        }

        .tabContent span {
          font-size: 0.875rem;
          font-family: "go-bold";
          font-weight: 700;
        }
      }

      .costLogistic li {
        align-items: flex-start;
      }

      .aboutProgrammeIcon {
        .programmeWrapper {
          display: block;
        }

        .sectionHeading {
          font-size: 20px;
          font-family: "go-bold";
          font-weight: 700;
        }

        .aboutBox {
          gap: 5px;
        }

        .aboutBox:not(:last-child) {
          margin-bottom: 20px;
        }
      }

      .outcomePrograme {
        .mastersList {
          margin-top: -100px;
        }
      }

      .inclassBox {
        overflow: auto;
      }

      .tagsWrapper {
        .inclassFlex {
          text-wrap: nowrap;
        }
      }

      .tagsWrapper {
        max-width: max-content !important;
      }
    }

    .pgphighlight .teachingSwiper .swiper-slide {
      background: transparent !important;
      padding: 0;
    }

    .getprepped .headingRight.active {
      display: none !important;
    }

    .immersions {
      .alignbox-gradient-Immersion::after {
        display: none;
      }

      .rowReverseCoreWrapper {
        flex-direction: column;
      }

      .immersionHeading {
        max-width: 100%;
      }

      .gradientVector::after {
        bottom: -52%;
        left: -4px;
      }

      .learningRight .box h3 {
        width: 100%;
        max-width: 89%;
      }

      .masterGlobalHeading {
        width: 100%;
        max-width: 310px;
      }
    }

    .getprepped .headingRight.active {
      display: none !important;
    }

    .masterConceptCurriculumSection {
      .businessScoreContent {
        flex-wrap: nowrap;
        flex-direction: column;
      }

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

      .inclassBox {
        max-height: unset;
      }

      .inclasstabs li {
        min-width: max-content;
      }

      .inclasstabs {
        justify-content: flex-start;
      }
    }

    .pgp_rise_events .upcomingNew-Events ul {
      background: transparent !important;
      justify-content: flex-start;
    }

    .pgp_rise_events .eventImg .masterPlay img {
      width: unset;
    }

    .pgp_rise_events .eventHeading {
      min-height: 34px;
    }

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

    .familytreeWrapper {
      flex-direction: column;
    }

    .pgpRise_LandingPage #growingDiv {
      display: none;
    }

    .pgpRise_LandingPage .landingPageMainSection {
      padding: 100px 0 60px !important;
    }

    .pgpRise_LandingPage .landingPageMainWrapper {
      flex-direction: column;
      gap: 30px;
    }

    .pgpRise_LandingPage .landingPageWrapperLeft {
      max-width: 100%;
    }

    .pgpRise_LandingPage .landingPageWrapperRight {
      width: 100%;
    }

    .pgpRise_LandingPage .distinctiveProgrammingBelowLeft {
      max-width: 100%;
    }

    .pgpRise_LandingPage .menaImmersionRight {
      width: 100%;
    }

    .pgpRise_LandingPage .globalUnique .headWrap {
      max-width: 100%;
    }

    .pgpRise_LandingPage .globalUnique .eduBoxWrapper {
      overflow: auto;
      gap: 12px;
    }

    .pgpRise_LandingPage .globalUnique .eduBoxWrapper .eduDetailBox {
      min-width: 320px;
    }

    .menaImmersionRight {
      width: 100%;
    }

    .blogsPage .imageWrapper .eventImage {
      min-height: 212px !important;
    }

    .tab_visible_mastersUNion {
      display: none;
    }

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

    .policieswrap {
      order: 1;
    }

    .copyright {
      order: 3;
    }

    .footerLinkRight {
      order: 2;
      margin-bottom: 0;
    }

    .journeyStarts.intersect4Past {
      min-height: 0;
    }

    .journeyStarts.intersect4Past h2 {
      text-align: center;
      font-size: 32px;
      padding-right: 0;
      width: 100%;
    }

    .intersect4Past.journeyStarts.visible {
      min-height: auto;
    }

    .ugPastIntersect .speakerPast .spakerUG {
      margin-top: 40px !important;
    }

    .ugPastIntersect .speakerPast .sectionHeading {
      font-size: 1.75rem;
      line-height: 130%;
      font-weight: 700;
      font-family: "go-bold";
    }

    .ugPastIntersect .pastIntersect {
      background: url(https://images.mastersunion.link/uploads/19122024/heroSectionPastMob.webp);
      background-size: cover;
      min-height: auto;
      background-repeat: no-repeat;
    }

    .ugPastIntersect .heroWrapper .topHeadingPast {
      margin-bottom: 25px;
    }

    .ugPastIntersect .wraperBoxSperaker {
      flex-wrap: wrap;
      gap: 30px;
      flex-direction: column-reverse;
    }

    .ugPastIntersect .swiperBoxes .swiper-slide {
      max-width: 100%;
      min-width: 250px;
      min-height: 235px;
    }

    .ugPastIntersect .pastIntersect .programmeHeading {
      font-size: 38px;
      font-weight: 800;
      line-height: 120%;
      letter-spacing: 0.542px;
    }

    .ugPastIntersect .hightlightsPast .pastSpeakersHeading .sectionHeading {
      font-family: "go-bold";
      color: var(--black);
      font-size: 28px;
      font-weight: 700;
      line-height: 130%;
    }

    .ugPastIntersect .hightlightsPast .pastSpeakersHeading .headingSmall {
      color: var(--grey10) !important;
      font-size: 12px !important;
      font-weight: 600;
      line-height: normal;
      letter-spacing: 1px;
      text-transform: uppercase;
    }

    .ugPastIntersect .hightlightsPast .headingSpeaker {
      font-size: 1.25rem;
    }

    .ugPastIntersect .hightlightsPast .pastdetail {
      margin-top: 30px;
      flex-direction: column;
      gap: 30px;
    }

    .ugPastIntersect .hightlightsPast .speakerPara {
      font-size: 0.875rem;
    }

    .ugPastIntersect .hightlightsPast .listSubheading {
      font-size: 0.8125rem;
    }

    .ugPastIntersect .hightlightsPast .pastleft {
      width: 100%;
      max-width: fit-content;
    }

    .ugPastIntersect .hightlightsPast .box {
      width: 100%;
    }

    .ugPastIntersect .hightlightsPast .box::after {
      display: none;
    }

    .ugPastIntersect .developing .pastdetail {
      margin-top: 0;
      flex-direction: column-reverse;
    }

    .ugPastIntersect .developing .boxDev::after {
      display: none;
    }

    .ugPastIntersect .developing .boxDev {
      width: 100%;
    }

    .ugPastIntersect .mentalHealth .pastdetail {
      margin-top: 0;
    }

    .ugPastIntersect .masterPastSwiper .groupSpeakerWrapper {
      margin-top: 30px;
    }

    .ugPastIntersect .masterPastSwiper .heading {
      font-family: "go-bold";
      color: var(--white);
      font-size: 28px;
      font-weight: 700;
      line-height: 130%;
    }

    .ugPastIntersect .masterPastSwiper .headingWrapperButton {
      flex-direction: row;
    }

    .ugPastIntersect .masterPastSwiper .gradientUnderline::after {
      content: "";
      position: absolute;
      bottom: -60%;
      left: 1px;
      width: 68%;
      background: url(https://files.mastersunion.link/resources/svg/degreeSection.svg);
      background-repeat: no-repeat;
      height: 83%;
      z-index: -1;
    }

    .newMasterImgBox .masterPlay {
      left: 6.8rem;
      top: 5.5rem;
    }

    .pagenotfound {
      padding: 80px 0 60px !important;
    }

    .blogsPage .programmeHeading {
      font-size: 1.75rem;
      margin-top: 0;
    }

    .blogsPage .highlightsec .heroRightButtons.mt40 {
      margin-top: 30px;
    }

    .upcomingNew-Events ul {
      background: var(--white) !important;
      overflow: auto;
    }

    .pgphightlight-tbm-fbm .tbm-fbmTeaching .headingWrapperButton {
      gap: 30px;
    }

    .pgphightlight-tbm-fbm .tbm-fbmTeaching .headingWrapperButton {
      margin-bottom: 0;
    }

    .pgphightlight-tbm-fbm .tbmFbm-collab .coreWrapper {
      gap: 40px;
    }

    .pgphightlight-tbm-fbm .collaboration.tbmFbm-collab .coreWrapper .menaImmersionRight .newThumbnailGradientBg::after {
      position: unset;
    }

    .pgphightlight-tbm-fbm .tbm-fbmTeaching .tbmFbmSwiper .teachingVideoWrapper {
      margin-top: 0;
    }

    .menaThankYOU-page .mena-landingthakyou .cohortbox.menaLanding {
      padding: 20px 15px 40px;
    }

    .loadMoreBlogswrap {
      margin-left: 0;
    }

    header.rollup {
      top: 0 !important;
    }

    .placementRight.flexbox {
      height: unset;
      align-items: stretch;
    }

    .recuiterWrap .iconButton {
      padding: 16px;
    }

    .newHomePagePopup .popupContainer {
      max-height: calc(100% - 100px);
    }

    .tab-bussinessClub .navigationWrapper.tab-Fix-Student ul {
      background: none !important;
    }

    .tab-bussinessClub .navigationWrapper.tab-Fix-Student {
      margin-top: 0px;
      margin-bottom: 20px;
    }

    .tab-bussinessClub.bussinessclub .courseName:not(:last-child) {
      border-bottom: none;
    }

    .tab-bussinessClub .learningWrap {
      margin-top: 10px !important;
    }

    .tab-bussinessClub .tab-Fix-Student .faqtabs.addedBorder {
      border-bottom: 1px solid var(--grey18) !important;
    }

    .tab-bussinessClub .newCultureWrap {
      gap: 0px !important;
    }

    .tabFixes .headingWrap {
      gap: 2px !important;
    }

    .tabFixes .learningWrap {
      margin-top: 20px !important;
    }

    .tabFixes .masterImage img {
      height: 200px;
      object-fit: cover;
    }

    .commite-Fix-Style .learningWrap {
      gap: 5px;
      margin-top: 20px !important;
    }

    .commite-Fix-Style .investinFuture .navigationBox {
      margin-bottom: 20px;
    }

    .commite-Fix-Style .commitRight-Style .box:first-child img {
      object-fit: contain;
    }

    .commite-Fix-Style .commitRight-Style .box img {
      height: 200px;
      object-fit: cover;
      background: #171717;
      object-position: left;
      border-radius: 15px;
    }

    .ctcsection.statistics-Fix .contentNew img {
      width: 260%;
    }

    .ctcsection.statistics-Fix .statistics-Content {
      min-height: unset;
    }

    .hostelForms-fix #heading__hostelQuery {
      margin-bottom: 20px !important;
    }

    .masterRight {
      width: 100%;
    }

    .career-Fix-border .learningWrap {
      gap: 0;
    }

    .career-Fix-border .courseName {
      border-bottom: 1px solid var(--black5);
    }

    .knowledgeHub.career-Fix-Card {
      min-height: 560px;
    }

    .newFix {
      flex-direction: column-reverse;
    }

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

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

    .muHeroButtonWrap .heroRightButtons {
      padding-left: unset;
      gap: 12px;
    }

    .swiper.menaSwipe .swiper-wrapper {
      overflow: unset;
    }

    .pgpRise-Mena .padding-box.menaBox-fix {
      padding: 12px !important;
    }

    /* .pgpRise-Mena .placementRight.flexbox {
    height: 289px;
  } */

    .pgpRise-Mena #highlight .placementBox .boxiBox.menaBoxsmall-fix {
      justify-content: unset !important;
      min-height: 135px !important;
    }

    .pgpRise-Mena #highlight .placementBox .boxiBox.menaBox-fix {
      min-height: 160px !important;
    }

    .pgpRise-Mena.pgprise #highlight .placementBox .pgphighlight .boxiBox.rise3rdBox {
      min-height: 126px !important;
    }

    .newVectorOnWhiteBg .masterflex {
      flex-direction: column;
      gap: 10px;
    }

    .newVectorOnWhiteBg .newMena {
      height: 390px;
      overflow: hidden;
    }

    .menaChallenges .transformJourney {
      flex-direction: column;
      gap: 40px;
    }

    .menaChallenges .transformJourney .headingRight {
      width: 100%;
      justify-content: left;
    }

    .menaChallenges .flexbox {
      flex-direction: column;
      gap: 30px;
    }

    .menaChallenges .flexbox .menaChallengeCard {
      width: 100%;
      padding: 10px;
    }

    .newCurriculum .coreWrapper {
      flex-direction: column;
      gap: 40px;
    }

    .newCurriculum .coreWrapper .box {
      width: 100%;
    }

    .newCurriculum .coreWrapper .box::after {
      position: unset;
    }

    .pgpcohort .collaboration .coreWrapper {
      gap: 40px;
    }

    .pgpcohort .collaboration .coreWrapper .menaImmersionRight .newThumbnailGradientBg::after {
      position: unset;
    }

    .menaImmersion .learningLeft {
      background: var(--black) !important;
    }

    .pgpTbmCareers .stories.blackLineBg .tabs {
      justify-content: space-around;
    }

    .fbmImgTemp img {
      max-height: 163px;
    }

    .futureForWork .tab-show {
      display: none !important;
    }

    .futureForWork .masterEssential {
      padding-top: 100px !important;
    }

    .futureForWork .programmeHeading {
      margin-top: 0;
    }

    .futureForWork .aboutEventWrapper {
      flex-direction: column;
    }

    .futureForWork .text-14 {
      font-size: 14px;
    }

    .futureForWork .text-18 {
      font-size: 18px;
    }

    .futureForWork .meetMasterFlexWrap {
      flex-direction: column;
    }

    .futureForWork .LeaderlogisticsWrapper {
      padding: 20px;
    }

    .futureForWork .timeLineWrapper {
      padding: 20px;
      overflow: scroll;
    }

    .futureForWork .timeLineContent {
      min-width: 280px;
      padding: 12px;
      justify-content: flex-start;
    }

    .futureForWork .timeLineContentWrap {
      flex-direction: column;
      align-items: flex-start;
    }

    .futureForWork .isItForYouWrapper {
      overflow: auto;
    }

    .futureForWork .isItForYouContent {
      min-width: 280px;
      gap: 8px;
    }

    .futureForWork .masterMindWrapper {
      flex-direction: column;
    }

    .futureForWork .futureWrapper {
      flex-direction: column;
      gap: 60px;
    }

    .futureForWork .form_grouping {
      flex-direction: column;
    }

    .futureForWork .registerForm {
      padding: 30px 15px;
    }

    .futureForWork .codeinsidePhone select {
      width: 30%;
    }

    .LeaderProgramme #growingDiv {
      max-height: 1251px !important;
      top: 9%;
    }

    .lateralBreaker {
      flex-direction: column;
    }

    .lateralBreaker .backgroundVector {
      width: 100%;
    }

    .pgphighlight.landingPage .highlightsec {
      padding-top: 100px !important;
    }

    .pgphighlight.landingPage .heroWrapper .heroright {
      width: 100%;
    }

    .pgphighlight.landingPage .heroWrapper {
      gap: 60px;
    }

    .blackboxBtnHeading {
      font: 28px "go-bold";
    }

    .newEventLeadsBigPopup .popupContainer {
      padding: 20px !important;
    }

    .newEventLeadsBigPopup #form_heading {
      max-width: 80%;
    }

    .newEventLeadsBigPopup .zmrpad {
      padding: 13px 12px;
    }

    .menaHeroBanner .abourherovid {
      left: 0;
      top: 0;
    }

    .teaching .stickyhead {
      position: unset;
    }

    .teaching .learningRight {
      width: 100%;
    }

    .teaching .learningRight .box {
      padding: 20px 15px;
    }

    .teaching .learningLeft {
      max-width: 100% !important;
      position: sticky;
      top: 6rem;
      background: #fafafa;
      z-index: 10;
      padding-block: 15px;
    }

    .teaching .courseName.active {
      padding-left: 0;
    }

    .ugMastervideo .masterflex,
    .ugbannerWrap .masterflex {
      flex-direction: column;
      /* align-items: flex-start; */
    }

    .ugbannerWrap.breather {
      align-items: flex-start;
      padding-block: 20px;
    }

    .masterflex.aligncenter {
      flex-direction: column;
      gap: 30px;
    }

    .masterflex.aligncenter .masterRight {
      width: 100%;
      display: block !important;
    }

    .menaMission .missionBtn {
      padding: 10px 15px;
    }

    .ugPsychologyMarketing .masterRight {
      width: 100% !important;
    }

    .ugPsychologyMarketing .psyFeeStructure h2 {
      color: var(--black) !important;
    }

    .ugPsychologyMarketing .psyJobRolesWrap {
      gap: 10px;
    }

    .ugPsychologyMarketing .psyJobRolesWrap .potJobRoles {
      font-size: 13px;
    }

    .ugPsychologyMarketing .psyJobRolesWrap img {
      width: 14px;
    }

    .ugPsychologyMarketing .psyStudentXperience .swiper-slide {
      background: var(--black5) !important;
    }

    .ugPsychologyMarketing .psyStudentXperience .swiper-slide .alumniName {
      color: var(--white) !important;
    }

    .ugPsychologyMarketing .psyStudentXperience .swiper-slide .alumniName span {
      color: var(--white) !important;
    }

    .ugPsychologyMarketing .psyJourney .floatingLinksBoxWrap {
      display: block;
    }

    .ug-breather .masterflex {
      flex-direction: column;
      gap: 30px;
    }

    .ug-breather .masterflex .masterRight {
      width: 100%;
    }

    .programme-cards-wrapper {
      gap: 0;
      /* overflow: unset; */
    }

    .programme-cards-wrapper .contentLeft {
      padding: 5px 5px 0;
    }

    .programme-cards-wrapper .programme-cards {
      padding: 10px;
      /* min-width: 360px; */
    }

    .programme-cards-wrapper .dataAvailable {
      margin-top: 10px;
    }

    .counsellorLeft {
      padding: 20px;
    }

    .programRelative {
      position: unset;
      padding: 55px 0 30px;
    }

    .ContactUsPage .right-section {
      width: 100%;
    }

    .ContactUsPage .left-section {
      width: 100%;
    }

    .ContactUsPage .contactusWrapper {
      flex-direction: column-reverse;
      margin-top: 60px;
    }

    .meetMaster.NewMeetMaster {
      padding-top: 120px !important;
    }

    .meetMaster.NewMeetMaster .opportunityWrapper {
      margin-top: 30px;
    }

    .finishedForm .congrats-box {
      width: 100%;
    }

    .finishedForm .fixingthankuResponsive svg {
      max-width: 70%;
    }

    .mt60 {
      margin-top: 30px !important;
    }

    .adWrapper {
      padding-top: 100px !important;
    }

    .newPhoneCode {
      width: 42% !important;
    }

    .adCardDetail {
      flex-direction: column;
      gap: 20px;
      margin-top: 10px;
      align-items: flex-start !important;
    }

    .mob-wd-70 {
      width: 70%;
    }

    .newflexbox {
      flex-direction: column;
    }

    .newflexbox.pgp-tbmEvent {
      align-items: flex-start;
    }

    .newflexbox.pgp-tbmEvent .newPhoneCode {
      width: 100% !important;
    }

    .newflexbox .inputGroup {
      width: 100%;
    }

    .congrats-box {
      text-align: center;
      width: 100%;
    }

    .ughighlight .studyAbroad .masterflex {
      flex-direction: column;
    }

    .ughighlight .studyAbroad .masterflex .masterRight {
      width: 100%;
    }

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

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

    .counsellorRight {
      display: none;
    }

    .adPageEvents {
      grid-template-columns: none;
      row-gap: 40px;
    }

    .adPage .adTitle {
      font-size: 20px !important;
    }

    .adPage .adSubtitle {
      font-size: 14px !important;
    }

    .adPage .adCardsWrapper {
      grid-template-columns: none !important;
      grid-template-rows: 1fr;
    }

    .attentWebinar .adTitle {
      font-size: 20px !important;
    }

    .attentWebinar .adSubtitle {
      font-size: 14px !important;
    }

    .attentWebinar .adCardsWrapper {
      grid-template-columns: none !important;
      grid-template-rows: 1fr;
    }

    .startApplication .startApplicationWrapper {
      padding: 20px !important;
      max-width: 100%;
    }

    .pgprise .abouttimeline .sticky {
      position: unset;
      padding-bottom: 50px;
    }

    /* challenge page css start */

    .challenges-tabs {
      justify-content: space-evenly !important;
    }

    .challengesCohortSelectWrap .teachingHeadWrap {
      align-items: flex-start !important;
    }

    .challengeHeadingWrap {
      width: unset !important;
    }

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

    .leftContent {
      max-width: 100%;
    }

    .bigFourChallenges .black-bg {
      padding: 0 0 60px !important;
    }

    .bigFourChallenges .byCohortStudent .challengeHeadingWrap {
      gap: 10px;
    }

    .bigFourChallenges .byCohortStudent .challengeHeadingWrap a>img {
      width: 25px;
    }

    .bigFourChallenges .tabbox {
      min-height: 270px;
    }

    .bigFourChallenges .byCohortStudent .tabbox {
      min-height: 314px;
    }

    .bigFourChallenges .challengesHeader {
      padding: 30px 0;
    }

    .challengesHeadWrap {
      flex-direction: column;
    }

    /* challenge page css end */
    .educationright .headWrap {
      width: 100%;
    }

    .gtmThanksWrapper {
      flex-direction: column;
      padding-top: 60px;
    }

    .cohortbox {
      width: 100% !important;
      margin: unset !important;
    }

    .thanks-wrapper-left {
      width: 100% !important;
    }

    .eventsMenu .gradientButton button {
      padding: 7px 18px;
    }

    .pgp-rise-v2 .programmeHeading {
      font: 20px "go-semibold";
    }

    .pgp-rise-v2 .headWrap {
      width: 100%;
    }

    .pgp-rise-v2 .placementBox {
      border-radius: unset;
    }

    .pgp-rise-v2 .boxiData {
      font: 12px "go-medium";
      color: var(--grey15);
    }

    .pgp-rise-v2 .boxiHeading {
      font: 16px "go-semibold";
      color: var(--black);
    }

    .pgp-rise-v2 .texthead {
      border: none;
      padding: 0 !important;
    }

    .pgp-rise-v2 .heroWrapper .left {
      width: 100%;
    }

    .pgp-rise-v2 .opportunityWrapper .masterBox {
      max-width: unset;
      min-width: unset;
      min-height: unset;
    }

    .pgp-rise-v2 .opportunityWrapper {
      overflow: unset;
    }

    .deg-blackBg {
      padding-top: 120px !important;
    }

    .deg-btnWrapper {
      flex-direction: column;
    }

    .verifyCertificate .mb-8 {
      margin-bottom: 20px;
    }

    .deg-masterhead {
      margin-bottom: 30px !important;
    }

    .inputSpace {
      flex-direction: column;
    }

    .urbanCampus {
      padding: 100px 0 80px !important;
    }

    .cookie-sub-heading {
      font: 20px "go-semibold";
    }

    .cookie-heading {
      font: 34px "go-semibold";
    }

    .cookie-policy {
      padding: 100px 0 80px !important;
    }

    .cookie-content {
      font-size: 14px;
    }

    .hsslyellowPetals::after {
      left: 45%;
    }

    .highXtraMargin,
    .highXtraMargin2 {
      margin-top: 5px;
    }

    .hsslHeroFold {
      padding: 60px 0;
    }

    .highCardLi p {
      font-size: 14px;
    }

    .hsslTitle,
    .hsslTitleYellow {
      font-size: 40px;
    }

    .hsslTitleYellow:before {
      left: -20px;
      top: 10px;
      width: 18px;
    }

    .herOContent {
      padding: 0 6px;
    }

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

    .teamLikes {
      font-size: 7.094px;
    }

    .hsslTeam:first-child .teamLikes {
      top: 77%;
    }

    .hsslTeam:nth-child(2) .teamLikes {
      top: 80%;
    }

    .hsslTeam:last-child .teamLikes {
      top: 81%;
    }

    .h-leaderBoard::after {
      left: 57.5%;
    }

    .heroScoreTv {
      padding: 0 20px;
    }

    .hsslteamDetails {
      padding: 60px 0;
    }

    .teamList {
      overflow-x: auto;
      width: 100%;
    }

    .resultLabelHeader,
    .resultLabel {
      width: 100%;
      min-width: 1250px;
    }

    .resultLabelHeader p {
      text-wrap: nowrap;
    }

    .resultLabel p {
      text-wrap: nowrap;
    }

    .hsslInsights {
      flex-direction: column;
    }

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

    .hsslLeaderboard {
      padding: 60px 0;
    }

    .hsslSubTitle {
      font-size: 16px;
    }

    .hsslTeamName {
      font-size: 9.823px;
      font-family: "MintMedium";
    }

    .insightContainer {
      max-width: 100%;
    }

    .hssl-timer {
      gap: 10px;
      justify-content: center;
    }

    .insightContainer2 {
      padding: 30px 15px;
      max-width: 100%;
    }

    .teamDetailWrapper {
      flex-direction: column-reverse;
    }

    .testimonialWrapper {
      flex-direction: column;
    }

    .hsslBtnWrapper {
      padding-inline: 0;
      flex-direction: column;
      margin-top: 0;
      margin-bottom: 0;
      gap: 15px;
    }

    .scrollWrapper .currVotes {
      padding: 0;
    }

    .currVotes>div:first-child {
      max-width: 70%;
    }

    .currVotes>div {
      max-width: 100%;
    }

    .currVotes>div:last-child {
      max-width: 30%;
    }

    .teamName::after {
      left: 46.5%;
    }

    .hsslBtnWrapper a {
      max-width: 100%;
    }

    .highPreviousWrapper .mastersRoaster {
      max-width: 100%;
    }

    .highPreviousYrHighlights .nav-arrow {
      margin-top: 20px;
    }

    .highHero {
      padding: 60px 0;
    }

    .highHeroWrapper {
      flex-direction: column;
    }

    .highTitle {
      font-size: 40px;
    }

    .summerStartupForm .highHeading {
      font-family: "MintBold";
    }

    .highsubTitle {
      font-size: 16px;
    }

    .highClass p {
      font-size: 14px;
    }

    .highBtnGroup {
      flex-direction: column;
      margin-top: 30px !important;
      gap: 10px;
      align-items: flex-start;
    }

    .highAbout {
      padding: 60px 0 0;
    }

    .highDescpWrapper {
      flex-direction: column-reverse;
      gap: 40px;
      padding-block: 40px;
    }

    .descpRight {
      padding-inline: 15px;
    }

    .descpRight .highEnrollBtn {
      width: 100%;
    }

    .highQualifierWrapper {
      flex-direction: column;
      margin-top: 30px;
    }

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

    .highMobStartup {
      display: flex;
      gap: 20px;
    }

    .highParticipate {
      padding: 60px 0;
    }

    .highParticipateWrapper {
      flex-direction: column;
    }

    .highHeading {
      font-size: 30px;
      font-family: "go-extrabold";
    }

    .highPreviousYrHighlights .roastersDetail .highHeading {
      font-family: "go-extrabold";
    }

    .highQualifier {
      padding: 60px 0;
      background: url("https://cdn.mastersunion.link/assets/highQualifierBgMob.png");
    }

    .hSchoolWrapper {
      gap: 45px;
    }

    .descpRight .highHeading::after {
      left: unset;
      margin-left: 5px;
    }

    .highSchoolSlider {
      max-width: 100%;
    }

    .highSchoolSlider video {
      border-radius: 12px;
    }

    .highParticipateWrapper .highHeading::after {
      top: 34px;
      left: unset;
      margin-left: 5px;
    }

    .highPreviousYrHighlights {
      padding: 60px 0;
    }

    .highSubmitBtn {
      max-width: 100%;
    }

    .highPreviousWrapper {
      flex-direction: column;
      gap: 50px;
    }

    .h-list p {
      font-size: 14px;
    }

    .catalogueContentOuter {
      width: calc(100% - 0px);
    }

    .positionTranslate {
      margin-top: -360px;
    }

    .inTheNews .newsWrapper {
      gap: 10px;
    }

    .meetMaster .masterBoxMobOuter {
      gap: 0;
    }

    .newFeeouter {
      padding: 20px;
    }

    .faq .lightMuVector::after {
      height: 100%;
      bottom: -32%;
    }

    .pgprise #highlight .placementBox .boxiBox.rise3rdBox {
      min-height: 130px !important;
    }

    .knowledgeHub .nearbyBoxWrapper {
      height: unset;
      flex-direction: column;
      align-items: flex-start;
      padding: 20px 10px;
      gap: 50px;
    }

    .nearbyBoxWrapper {
      padding: 20px 15px;
      flex-direction: column;
      gap: 30px;
    }

    .nearbyBoxWrapper .muRestraunt {
      gap: 0;
    }

    .nearbyBoxWrapper .nearbycontentWrap {
      min-width: unset;
    }

    .nearbyBoxWrapper .leftbox {
      max-width: 100%;
    }

    .nearbyBoxWrapper .rightbox {
      width: 100%;
      max-width: 100%;
    }

    .nearbyBoxWrapper .rightbox.box1 {
      max-width: 100%;
      max-height: unset;
    }

    .lifeAtMuSection {
      padding-top: 32px;

      .lifeAtMuWrapper {
        gap: 24px;
      }

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

      .lifeMuCard .lifeCardHeadWrapper {
        display: none;
      }

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

      .lifeMuCard {
        max-width: 100%;
      }

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

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


    .nearbyBoxWrapper .rightbox.box2 {
      max-width: 100%;
      max-height: unset;
    }

    .nearbyBoxWrapper .rightbox.box3 {
      max-width: 100%;
      max-height: unset;
    }

    .hostel .knowledgeHub .learningWrap {
      min-height: unset;
    }

    .hostel .knowledgeHub .learningRight {
      width: 100%;
    }

    .hostel .knowledgeHub .learningLeft .faqtabs {
      padding: 12px;
      background: var(--black5);
      color: white;
      margin-top: 15px;
      width: 100%;
      border-radius: 12px;
      overflow: auto;
    }

    .hostel .knowledgeHub .learningLeft .faqtabs .courseName {
      color: white;
      min-width: max-content;
      border: none;
    }

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

    .studentLifeCampus .knowledgeHub .learningLeft .faqtabs {
      padding: 12px;
      background: var(--black5);
      color: white;
      margin-top: 15px;
      width: 100%;
      border-radius: 12px;
      overflow: auto;

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

    .studentLifeCampus .knowledgeHub .learningLeft .faqtabs .courseName {
      color: white;
      min-width: max-content;
      border: none;
    }

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

    .pgphighlight.pgprise .pgpMapSustain {
      margin-top: 0;
    }

    .greybox {
      padding: 15px !important;
    }

    .greybox::after {
      width: 40% !important;
      top: 52% !important;
      left: 68% !important;
    }

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

    .ugCareerPotential .mastersList li>img {
      width: 100%;
    }

    .stratergySection .mastersBoxWrapper {
      flex-wrap: nowrap;
    }

    .content-section.new {
      padding: 20px 0;
      background: none;
      border: none;
    }

    .careerJourneyWrapper ul li {
      position: relative;
      padding-left: 20px;
      height: 100%;
    }

    .careerJourneyWrapper ul li img {
      position: absolute;
      top: 3px;
      left: 0;
    }

    .ctcCompontentWrap .ctcCompLeftSide {
      background: var(--black4);
    }

    .caution {
      /* align-items: flex-start; */
    }

    .caution p {
      font-family: "go-regular";
    }

    .supportWrap .masterleft {
      width: 100% !important;
    }

    .mobileFlex {
      flex-direction: column;
    }

    .mobileFlex .masterImage {
      width: 100%;
    }

    .outclassBox h4 {
      font-size: 16px;
    }

    .footerLinksWrap.box1 {
      max-width: 100%;
    }

    .footerLinks {
      flex-direction: column-reverse;
      align-items: flex-start;
      gap: 25px;
    }

    .footerLink {
      min-width: none;
    }

    .multiListWrap {
      max-width: 100%;
    }

    .milestonesMobWrap {
      flex-direction: column-reverse;
      gap: 30px;
    }

    .inclassBoxWrapper br {
      display: none;
    }

    .educationJourney.roles .left {
      padding: 0;
    }

    .smallHeading {
      font: 1.3rem "go-bold";
      width: 100%;
    }

    .muafterCareer .highlightsec .right {
      width: 100%;
    }

    .featAmenities {
      background: white;
    }

    .featureWrapper {
      flex-direction: column;
    }

    .featAmenities .getpreppedList {
      width: 100%;
    }

    .eventBindWrapper {
      flex-direction: column-reverse;
    }

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

    .teachingVideoWrapper .masterBox {
      min-width: 350px;
    }

    .newsWrapBox.black {
      display: none;
    }

    .scheduleImgBox {
      overflow: scroll;
      width: 100%;
    }

    .scheduleImgBox img {
      min-width: 1280px;
    }

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

    .coreWrapper .box {
      width: 50%;
    }

    .coreWrapper .corelottie {
      height: 100%;
      width: 100%;
      scale: 1;
    }

    .newEvents {
      padding-top: 55px;
    }

    .newLinksz {
      padding: 0 !important;
      top: 3rem;
    }

    .hoempageEvents {
      .eventImg {
        width: 100%;
        max-width: 100%;
      }

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

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

    .mastersGraph .img-container {
      margin-top: 32px;

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

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

    .newEventCard {
      max-width: 100%;
    }

    .newEventCard .eventImage {
      width: 100%;
    }

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

    .leftFilters {
      max-width: 100%;
      position: static;
    }

    .rightEvents,
    .grid-event-container {
      grid-template-columns: 1fr;
    }

    .bgHeroImage {
      height: 100%;
      object-fit: cover;
      object-position: top;
    }

    .facultyCards {
      width: 100% !important;
    }

    .readmoreNews {
      display: flex;
      align-items: center;
      gap: 5px;
      margin-top: 15px;
      font-family: "go-semibold" !important;
    }

    .beatinglistWrapper-new {
      margin-top: 0;
    }

    .getpreppedWrapper .box:last-child {
      position: relative;
      z-index: 10;
    }

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

    .scalebig {
      scale: 1.4;
      left: 5%;
      position: relative;
    }

    .studentJourney .content-section .content {
      overflow-x: auto;
    }

    .leedScore {
      padding: 60px 0;
    }

    .faqWrapper.mt0 {
      margin-top: 0;
    }

    .becomeamaster .heroWrapper .left {
      width: 100%;
    }

    .ugadmission .feeDetailBoxes {
      overflow: unset;
    }

    .careerjourney .content-section {
      max-height: unset;
    }

    .arrowright {
      left: -3%;
    }

    .transbox .box2col p:first-child {
      max-width: 100%;
      width: 100%;
    }

    .ctcCompRightSide>img {
      min-width: 575px;
    }

    .ctcCompontentWrap .ctcCompRightSide {
      overflow: auto;
      padding-bottom: 20px;
    }

    .master-table tr th:nth-child(4) {
      width: 7% !important;
    }

    .pgphighlight .master-table th:first-child {
      width: 7% !important;
    }

    .pgphighlight .master-table tr th:nth-child(2) {
      width: 10% !important;
    }

    .faqquestionWraps,
    .faqquestionWrap {
      border: 0.5px solid var(--black5);
    }

    .faqWrapBox .faqquestionWraps,
    .faqquestionWrap {
      border: 0.5px solid var(--grey4);
    }

    .w-35 {
      width: 50%;
    }

    .pgphighlight .gridBox:hover .overLayDetail {
      padding-bottom: 20px;
    }

    .classEffect:hover::before {
      height: 110%;
    }

    .classEffect::after {
      top: 1%;
    }

    .backgroundVector {
      margin-top: 20px;
    }

    .pgphighlight .homeAlumni .swiper-slide {
      background: var(--white);
      padding: 10px;
      border-radius: 12px;
    }

    .pgphighlight .homeAlumni .swiper-slide .alumniName {
      color: var(--black);
    }

    .pgphighlight .homeAlumni .swiper-slide .alumniName span {
      color: var(--black);
    }

    .pgphighlight .homeAlumni .swiper-slide .alumniDesgination {
      color: var(--grey);
    }

    .pgphighlight .homeAlumni {
      background: var(--grey7);
    }

    .mt45 {
      margin-top: 30px;
    }

    .learningRight .box h3 {
      font: 1rem "go-medium";
    }

    .faqHeading {
      font-size: 0.875rem;
    }

    .blackSwiperCard {
      padding: 40px 20px 30px;
    }

    .eduboxBtn {
      display: none;
    }

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

    .outclassBox>img,
    .outclassBox .masterImage {
      max-height: unset;
      max-width: unset;
    }

    .outclassBox .masterImage .masterPlay>img {
      width: unset !important;
    }

    .curriculum .eduBoxWrapper {
      overflow: auto;
    }

    .curriculum .eduDetailBox {
      min-width: 280px;
    }

    .fellowshipVideoWrapper {
      padding: 15px;
      flex-direction: column;
      gap: 20px;
      max-width: 100%;
    }

    .fellowshipVideo {
      padding: 40px 0 !important;
    }

    .womenBox {
      margin-top: 30px;
    }

    .collaboration .content.active {
      padding-bottom: 20px;
    }

    .ctcCompontentWrap ::-webkit-scrollbar-thumb {
      display: block;
    }

    .journey ::-webkit-scrollbar-thumb {
      display: block;
    }

    .collaboration ::-webkit-scrollbar-thumb {
      display: block;
    }

    .ctcsection ::-webkit-scrollbar-thumb {
      display: block;
    }

    .curri-course ::-webkit-scrollbar-thumb {
      display: block;
    }

    .schedule ::-webkit-scrollbar-thumb {
      display: block;
    }

    .pgpTimelineSec ::-webkit-scrollbar-thumb {
      display: block;
    }

    .feestructure ::-webkit-scrollbar-thumb {
      display: block;
    }

    .font-20 {
      font-size: 1rem;
      line-height: 160%;
    }

    .contentLeft .font-14 {
      font-size: 12px;
    }

    .teachingVideoWrapper .masterBox h5 {
      font: 12px "go-regular";
    }

    .heroSection .overlayHero {
      background: unset;
    }

    .transparentButton button {
      min-width: 270px;
      justify-content: center;
    }

    .font-52 {
      font-size: 2rem;
    }

    .heroButtonWrap.flexbox {
      justify-content: flex-start;
      align-items: flex-start;
      gap: 30px;
    }

    .pd-30 {
      padding: 40px 0 0;
    }

    .flexWrapper {
      flex-direction: column;
    }

    .highlightsec .socialLinks {
      width: max-content;
    }

    .about .gridBox:nth-child(2) {
      width: 100%;
    }

    .missionLeft .missionHeading {
      color: var(--black);
      font-size: 1.6rem;
    }

    .eventTag strong {
      font-size: 0.75rem;
    }

    .founderCXO .sectionHeading {
      margin-top: 0;
    }

    .placementBox .boxiBox {
      min-height: 140px !important;
    }

    .nextgenBox p {
      color: var(--black);
    }

    .hash1 {
      max-width: 46px;
    }

    .cutting-edge-wrapper-new .right,
    .cutting-edge-wrapper-new .left {
      width: 100%;
    }

    .cutting-edge-wrapper-new {
      flex-direction: column;
    }

    .leftHead,
    .leftHeadingtext {
      width: 100%;
    }

    .mastersBoxWrapper .masterBox {
      min-width: 88%;
      min-height: 250px;
      width: 100% !important;
    }

    .muafterCareer .seondtabs {
      padding: 10px;
    }

    .commiteeFuture .learningLeft {
      max-width: 100%;
    }

    .downloadPlacement {
      width: 100%;
    }

    .newtabs {
      overflow: auto;
    }

    .newtabs li {
      min-width: max-content;
    }

    .engage.journey .contentWrap {
      padding: 10px;
    }

    .engagementTabs .faqtabs {
      flex-direction: row !important;
      width: 100%;
    }

    .engagementTabs {
      flex-direction: column;
    }

    .masterbannerevents .masterPlay.bannerButton {
      width: 100%;
      top: -128px;
    }

    .subHeadingtxt {
      margin-top: 20px;
    }

    .rolesandresp .content-section {
      max-height: unset;
    }

    .text18 {
      font-size: 1rem;
    }

    .getpreppedWrapper .box:nth-child(1) {
      width: 100%;
    }

    .getpreppedWrapper .box:nth-child(2) {
      width: 100%;
    }

    /* .getprepped {
    padding-bottom: 0 !important;
  } */

    .absoluteGradient {
      position: absolute;
      bottom: 0;
      left: -1px;
      z-index: 0;
      height: 44%;
      width: 100%;
    }

    .journey .content-section .active {
      padding: 0;
      background: transparent;
    }

    .stickymenu {
      top: 3.32rem;
    }

    .mob-col {
      flex-direction: column;
      gap: 15px;
    }

    .teaching .tabinnerleft {
      width: 100%;
    }

    .teaching .masterImage {
      width: 100%;
    }

    .bottomBoxWrap {
      flex-direction: column;
    }

    .topbox {
      max-width: 100%;
    }

    .ytshortsWrapper {
      flex-direction: column;
    }

    .ytshortsWrapper .headingWrap {
      max-width: 100%;
    }

    .newsWrapper {
      flex-wrap: nowrap;
      overflow: auto;
      gap: 0;
    }

    .newsWrapper .intheNewsSlider {
      min-width: 80%;
      max-height: 289px !important;
    }

    .newsWrapBox {
      min-width: 67%;
      width: 100%;
      flex-direction: column;
      align-items: flex-start;
    }

    .newsWrapBox img {
      max-width: 200px;
      width: 100%;
    }

    .insideOuterBox {
      padding: 10px;
    }

    .spVideo {
      padding: 60px 0;
    }

    .spVideoWrapper {
      padding: 20px;
    }

    /* shubham mob-fix */

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

    .newsPgp {
      max-width: 100%;
      align-items: center;
    }

    .getpreppedWrapper {
      flex-direction: column;
      gap: 30px;
      padding: 30px 20px;
    }

    .gradientMuBg.feestructure {
      padding: 50px 0 0 0 !important;
    }

    .feeDetails {
      padding-bottom: 0 !important;
    }

    .feeContainer .menuItems .menuItem img {
      min-width: 110px;
    }

    .learningWrap {
      flex-direction: column;
      padding-left: 0;
      gap: 30px;
      margin-top: 60px !important;
    }

    .mt30-mob {
      margin-top: 30px !important;
    }

    .homepage .homeEvents .eventImg>img {
      min-height: unset;
    }

    .mobMenuHeader .logo {
      width: 40%;
    }

    .inclassList.new li {
      width: 100%;
    }

    .knowledgeHub .learningWrap {
      flex-direction: column;
      gap: 0;
    }

    #loadMoreMastersBtnDiv {
      margin-top: 0 !important;
    }

    .inclassBox.new .inclassList.new li {
      width: 47%;
    }

    .quizbtnWrapper {
      flex-direction: column;
      gap: 20px;
      align-items: baseline;
    }

    .Quetioncard .form-footer {
      margin-top: 30px;
    }

    .homepage .journey .content-section {
      max-height: unset;
    }

    .insideoutsideWrapper.overflow {
      max-height: unset;
      gap: 30px;
    }

    .width-50 {
      width: 100%;
    }

    .menuLogo {
      width: 38%;
    }

    .breatherHeading {
      width: 100%;
    }

    .headingWrap.masterleft {
      width: 100%;
    }

    .contentSide.new {
      padding-left: 15%;
    }

    .mastersBox-Card-Height .swiper-slide .masterBox {
      min-width: 100%;
    }

    .insideBox.outsideBox {
      min-width: unset;
    }

    .ApplyNow .popupContainer {
      width: 100%;
      padding: 40px 20px;
    }

    .teachingVideoWrapper::-webkit-scrollbar-thumb {
      display: block;
      background: var(--grey3);
    }

    .globalUnique .teachingVideoWrapper::-webkit-scrollbar-thumb {
      display: block;
      background: var(--grey4);
    }

    .scheduleImgBox::-webkit-scrollbar-thumb {
      display: block;
      background: var(--grey);
    }

    .ctcCompontentWrap .ctcCompRightSide::-webkit-scrollbar-thumb,
    .ctcsection .content::-webkit-scrollbar-thumb {
      display: block;
      background: var(--grey);
    }

    .mediright.mob-visible {
      padding: 20px 0 10px;
    }

    .programtabLists li h3 {
      font: 0.813rem "go-semibold";
    }

    .programsTabs {
      padding: 20px 0 !important;
    }

    .programtabLists li p {
      font: 0.625rem "go-regular";
    }

    .swiper-wrapper {
      padding: 0;
    }

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

    .downloadPlacement .wrapperinputCompanies .thinBorder {
      margin-top: 20px;
    }

    .downloadPlacement .wrapperinputCompanies {
      flex-direction: column;
      margin-top: 20px;
      align-items: flex-start;
    }

    .journey .navigationWrapper {
      margin-bottom: 10px;
    }

    .newclass .navigationWrapper {
      margin-bottom: 20px;
    }

    .boardLeaderSectionnew .navigationWrapper {
      margin-bottom: 20px;
    }

    .placementLeft>img {
      width: 100%;
    }

    .journey .content-section {
      max-height: unset;
      width: 100%;
    }

    .Quetioncard .gradientCard.blackcard {
      max-height: unset;
    }

    .gridBox:hover .overLayDetail {
      padding-bottom: 60px;
    }

    .inlineheadingSvg {
      align-items: center;
    }

    .inlineheadingSvg img {
      width: 35%;
    }

    .mob-mt-15 {
      margin-top: 15px;
    }

    .aloneImg {
      overflow: auto;
    }

    .aloneImg img {
      min-width: 1010px;
    }

    .flexwrap {
      flex-wrap: wrap;
    }

    .ughighlight .heroWrapper .heroright::after {
      display: none;
    }

    .darkHeader.shrikIt {
      top: 0 !important;
    }

    .mission {
      height: auto;
    }

    .missionButtonWrap {
      top: 13%;
    }

    .fixedMission {
      top: 0%;
      /* top: 23%; */
    }

    .ughighlight .events .masterbanner {
      min-height: 550px;
    }

    .stories.events .gradientUnderline::after {
      background: url("https://files.mastersunion.link/resources/svg/smallgradient.svg");
      background-repeat: no-repeat;
    }

    .companies .select-form {
      width: 100%;
      margin: 0;
    }

    .storyswiper .swiperBtnWrap.mob-visible {
      position: unset;
      display: flex !important;
      justify-content: end;
      gap: 10px;
    }

    .cohortTabs .blackTabs {
      justify-content: space-between;
    }

    .muAfterHomepage .masterinner {
      padding: 0;
    }

    .muAfterHomepage .highlightsec .heroWrapper {
      padding-bottom: 0;
    }

    .selectingStudents.whiteLineBg {
      background: none;
    }

    .cyberpark .headingWrapperButton .headingRight {
      flex-direction: row;
    }

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

    .afterMuStudentLife .homeAlumni .headingRight.mob-visible {
      flex-direction: row-reverse;
      margin-right: 15px;
      justify-content: end;
    }

    .studentMobImg {
      padding: 20px 0;
    }

    .studentlifecampus .bg-grey .lightMuVector::after {
      filter: brightness(5.5);
    }

    .studentlifecampus .knowledgeHub .swiper-slide {
      width: 100% !important;
      background: none;
      padding: 15px;
    }

    .elevateBox>img {
      width: 100%;
    }

    .elevateBox {
      width: 98%;
    }

    .elevateBlackBox .group img {
      width: 14px;
    }

    .elevateBlackBox {
      padding: 20px 15px;
    }

    .elevateBlackBox .group {
      padding: 10px 0;
    }

    .elevateBlackBox .group p {
      font: 0.875rem "go-regular";
    }

    .elevateBlackBox .group {
      padding-top: 10px;
    }

    .classSessionleft img,
    .classSessionRight img {
      min-height: unset;
      min-width: unset;
      max-width: 100%;
      width: 100%;
      max-height: unset;
    }

    .cyberpark .subText {
      font: 0.813rem "go-regular";
    }

    .studentlifecampus .knowledgeHub .courseName:not(:last-child) {
      border-bottom: none;
    }

    .engagementsAtUnion .lightMuVector::after {
      filter: brightness(5.5);
    }

    .alumniheroLeft .top {
      padding-bottom: 20px !important;
    }

    .alumniheroLeft .end {
      margin-top: 40px !important;
    }

    .alumniheroLeft .mid {
      padding: 20px 0 !important;
      min-height: 120px;
      align-items: center !important;
    }

    .graduateReviews .header .lightMuVector::after {
      filter: brightness(1);
    }

    .companies .graduateReviews .alumniSpotlightWrap {
      margin-top: 20px;
    }

    .bgBlackFlexWrap .headingBgblackWrap h2 {
      font: 2.5rem "go-bold";
    }

    .headingBgblackWrap.highlightBanner {
      background: none;
    }

    .bgBlackFlexWrap .headingBgblackWrap p {
      font: 0.875rem "go-regular";
    }

    .cohort .highlightBanner span {
      font: 2.25rem "go-bold";
      line-height: 150%;
    }

    .companies .cohort .bgBlackFlexWrap .headingBgblackWrap {
      padding: 0 !important;
    }

    .ugbeatingHearts .whiteBgHead .lightMuVector::after {
      bottom: -15%;
    }

    .listingpage .highlightsec .heroWrapper {
      padding-bottom: 0;
    }

    .listingpage .courseRoster-selectCaret {
      bottom: 45%;
    }

    .events .gradientUnderline::after {
      scale: 0.7;
      background-repeat: no-repeat;
      bottom: -52%;
      left: -16%;
    }

    .workwithus .degreeWrapper {
      gap: 30px;
    }

    .masterbanner .contenttxt p {
      margin-top: 10px;
    }

    .pgpcohort .cohortwrapper {
      gap: 20px;
    }

    .cohortwrapper .cohortCompany {
      font: 0.875rem "go-medium";
    }

    .cohortTabs .lightMuVector::after {
      filter: brightness(5.5);
    }

    .careerPotential .lightMuVector::after {
      filter: brightness(5.5);
    }

    .educationJourney .mastersList {
      gap: 20px;
    }

    .careerPotential .educationJourney .contentWrap h5 {
      font: 1rem "go-medium" !important;
    }

    .mastersList .contentWrap {
      gap: 5px;
    }

    .careerPotential .educationJourney {
      margin-top: 0;
    }

    .careerPotential .navigationWrapper {
      margin: 20px 0;
    }

    .pgpcohort .cohortwrapper .box2col>img {
      min-width: 70px !important;
      max-width: 70px !important;
      max-height: 70px !important;
    }

    .pgpcohort .cohortwrapper .cohortCompany {
      font: 13px "go-medium";
    }



    .pgpcohort .cohortwrapper .box2col {
      flex-direction: row;
      max-width: 100% !important;
      padding: 0;
    }

    .pgpcohort .cohortwrapper {
      flex-direction: column;
      flex-wrap: unset;
      gap: 20px !important;
    }

    .pgpcohort .cohortTabs .mt45 {
      margin-top: 30px;
    }

    .pgpcohort .cohorttab {
      padding-top: 20px;
      padding-bottom: 40px;
    }

    .pgpcohort .studentMainWrapper {
      flex-direction: column-reverse;
    }

    .studentPercentageBox h4 {
      font: 1.5rem "go-medium";
    }

    .pgpcohort .studentJourney .subHeading {
      margin-top: 0 !important;
    }

    .pgpcohort .studentMainWrapper {
      gap: 15px !important;
    }

    .studentJourney .lightMuVector::after {
      filter: brightness(5.5);
    }

    .homeEvents .eventData {
      width: 100%;
    }

    .investinFuture .mb40 {
      margin-bottom: 20px;
    }

    .feeProcessContainer .header p {
      font: 0.813rem "go-regular" !important;
    }

    .careerJourneyWrapper .careerBox ul {
      gap: 8px;
      margin-top: 10px;
    }

    .careerteam .lightMuVector::after {
      filter: brightness(5.5);
    }

    .careerJourneyWrapper .careerBox {
      padding: 10px 10px 20px;
    }

    .wd-15 {
      width: 100% !important;
    }

    .wd-12 {
      width: 100% !important;
    }

    .wd-20 {
      width: 100% !important;
    }

    .box.greybg {
      min-height: unset;
    }

    .mastersListDetails {
      padding: 10px 20px;
      gap: 6px;
    }

    .mastersListDetails>img {
      top: 15px;
    }

    .whiteMuBg.curri-course {
      background: var(--white);
    }

    .weightage .heading {
      font: 1.125rem "go-semibold";
    }

    .weightage .number {
      font-size: 1rem;
    }

    .classEffect::before {
      background: var(--black5);
      transition: 0.4s ease-in;
      height: 111%;
      top: 1%;
    }

    .classEffect:nth-child(2):before {
      background: var(--black5);
      transition: 0.4s ease-in;
      height: 90%;
    }

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

    .concentration .eventTag span {
      font: 0.75rem "go-medium";
    }

    .concentration .eventTag {
      padding: 4px 6px;
    }

    .concentration .lightMuVector::after {
      filter: brightness(5.5);
    }

    .whiteMuBg .lightMuVector::after {
      filter: brightness(5.5);
    }

    .ugMastervideo .contenttxt ul li {
      width: 100%;
    }

    .ugMastervideo .contenttxt h2 {
      margin-bottom: 20px;
      font: 1.25rem "go-bold";
      line-height: 138%;
    }

    .ugMastervideo .contenttxt ul li p {
      color: var(--grey18);
    }

    .ugMastervideo .mt40 {
      margin-top: 20px;
    }

    .degreeLeft p {
      font: 0.813rem "go-regular";
      margin-top: 15px;
    }

    .master-table tr th {
      width: 18%;
    }

    .master-table tr th:nth-child(2) {
      min-width: 160px;
    }

    .selectingStudents .lightMuVector::after {
      filter: brightness(5.5);
    }

    .pgpTimelineSec .lightMuVector::after {
      filter: brightness(5.5);
      bottom: -28%;
    }

    .applicationprocessWrap {
      margin-top: 30px;
    }

    .degreeGroup img {
      width: 40px;
    }

    .degreeLeft p span {
      font: 0.813rem "go-semibold";
    }

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

    .ugMastervideo {
      background: var(--black);
    }

    .ugMastervideo .mob-visible {
      width: 100%;
    }

    .ugMastervideo .contenttxt {
      position: relative;
    }

    .pl-30 {
      padding-left: 30px;
    }

    .careerplacement .lightMuVector::after {
      filter: brightness(5.5);
    }

    .concentration .lineSpace {
      margin-top: 12px;
      margin-bottom: 12px;
      padding: 0;
    }

    .concentrationWrapper .box .box2col {
      gap: 10px;
    }

    .concentration .subText {
      font: 0.813rem "go-regular";
    }

    .headbox h3 {
      font: 1.25rem "go-semibold";
    }

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

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

    .rotate180 {
      transform: rotate(180deg);
    }

    .sustaininner::before {
      display: none;
    }

    .sustaininner {
      gap: 0;
    }

    .leedScore .sustaininner {
      width: 100%;
    }

    .leedScore .sustainbox .opprName {
      width: 80%;
    }

    .sustainbox {
      border-bottom: 1px solid #2c2c2c;
      padding: 20px 0;
      max-width: 100%;
    }

    .sustaininner::after {
      display: none;
    }

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

    .newsSlide .swiper-slide>a {
      flex-direction: column;
      min-width: 328px;
    }

    .inTheNews .headingRight.mob-visible {
      flex-direction: row-reverse;
      justify-content: end;
      margin-right: 20px;
    }

    .whiteBgHead .lightMuVector::after {
      filter: brightness(5.5);
    }

    .teachingContent {
      width: 100%;
    }

    .floatingText {
      bottom: 20px;
    }

    .visitHeding {
      margin-bottom: 10px;
      padding-bottom: 10px;
      font: 0.938rem "go-regular" !important;
      color: white;
    }

    .overlayHeading {
      font: 1rem "go-semibold";
      line-height: 160%;
      color: var(--black);
    }

    .overLayDetail a {
      font: 0.938rem "go-medium";
      color: var(--grey17);
    }

    .overlayText {
      font-size: 14px !important;
      font-family: "go-regular";
      color: var(--grey17);
    }

    .about .sustainability .gridBox {
      max-height: 240px;
    }

    .gridboxClubs {
      flex-direction: column;
    }

    .gridBox:first-child {
      /* max-height: 240px; */
      max-width: 100%;
    }

    .gridBox {
      min-height: 240px;
      max-height: 240px;
      max-width: 328px;
    }

    .beatingHearts {
      background: var(--black);
    }

    .beatingLeft h3 {
      font: 1.125rem "go-semibold";
    }

    .beatingLeft p {
      font: 0.813rem "go-regular";
      color: var(--grey10) !important;
    }

    .knowledgeHub .navigationWrapper {
      margin: 0 !important;
    }

    .vipcover .gradientText {
      width: fit-content;
    }

    .knowledgeHub .tabs {
      display: flex !important;
      justify-content: space-between;
      overflow: auto;
    }

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

    .knowledgeHub .lightMuVector::after {
      filter: brightness(5.5);
    }

    .knowledgeHub .swiper-slide {
      box-shadow: none;
    }

    .homeAlumni .lightMuVector::after {
      filter: brightness(5.5);
    }

    .boxshadeLine.multicard::after {
      display: none;
    }

    .headingSmall {
      letter-spacing: 2px;
      font: 0.625rem "go-medium" !important;
      gap: 6px;
      color: var(--grey10) !important;
      margin-bottom: 8px;
    }

    .journey .tabs li {
      gap: 4px;
    }

    sup {
      font-size: 0.5rem;
    }

    .journey .whiteBgHead .lightMuVector::after {
      filter: brightness(5.5);
    }

    .headingSmall>img {
      width: 12px;
    }

    .lightMuVector::after {
      content: "";
      position: absolute;
      width: 100%;
      height: 75%;
      background: url("https://files.mastersunion.link/resources/svg/mobHighlight.svg");
      background-repeat: no-repeat;
      left: 0;
      bottom: -38%;
      z-index: -1;
    }

    .meetopportunity .lightMuVector::after {
      filter: brightness(5.5);
    }

    .reviewdetail .highlightsec .heroWrapper {
      padding-bottom: 0;
    }

    .companies .events .highlightsec .heroRightButtons {
      margin-bottom: 0;
    }

    .events .heroWrapper .heroRightButtons {
      margin-bottom: 0 !important;
    }

    .workwithus .heroWrapper .programmeHeading {
      margin-bottom: 20px;
    }

    .font-16 {
      font-size: 0.75rem;
    }

    .feestructure .body .box p {
      font-size: 0.875rem !important;
    }

    .feesGst {
      font: 0.875rem "go-semibold";
      line-height: 160%;
    }

    .feesGst span {
      font: 0.813rem "go-medium";
      text-transform: uppercase;
      color: var(--grey8);
    }

    .heroWrapper .heroright::after {
      width: 146%;
      height: 170%;
      top: -31%;
      scale: 0.7;
      left: -25%;
    }

    .rightContainer {
      min-width: unset;
      max-width: unset;
    }

    .highlightsec .heroWrapper {
      padding-bottom: 55px;
    }

    .masterDetailsgroup p {
      font: 0.813rem "go-medium";
    }

    .masterDetailPage h2 {
      font: 1.5rem "go-bold";
      text-transform: capitalize;
    }

    .masterDetailsgroup.experienceBox {
      gap: 15px;
    }

    .honorBoxes {
      flex-wrap: unset;
      flex-direction: column;
    }

    .experienceBox .detail {
      align-items: flex-start;
      flex-direction: column;
      gap: 10px;
    }

    .masterDetailPage .header p {
      font: 0.813rem "go-regular";
    }

    .leftContainer {
      min-width: unset;
      position: unset;
    }

    .masterDetailPage .masterCard {
      gap: 20px;
      padding: 10px 10px 30px;
    }

    .masterDetailPage .absoluteList {
      bottom: 45px;
    }

    .inovation .careerPotential .educationJourney .boxwrapper {
      flex-direction: column;
    }

    .vipcover svg {
      margin: 30px -2% 0;
      width: 100%;
    }

    .adayAtMuJourney .newclassRight>img {
      max-width: 100%;
    }

    /* .studentClub .studentJourney.whiteLineBg {
    padding-bottom: 0 !important;
  } */

    .studentJourney.whiteLineBg {
      background: none;
    }

    .box2col.grouplist {
      gap: 5px;
    }

    .rotateMob {
      transform: rotate(180deg);
    }

    .mob-row-Btn {
      flex-direction: row-reverse;
      justify-content: end !important;
      padding-right: 15px;
    }

    .gradientMuBg {
      padding: 20px 0 !important;
    }

    .rateBox h5 {
      font: 2.188rem "go-medium";
      line-height: 120%;
    }

    .rateBox .group p {
      color: var(--grey17);
      font: 0.813rem "go-medium";
    }

    .muafterCareer .heroWrapper .heroright::after {
      display: none;
    }

    .col-rev {
      flex-direction: column-reverse !important;
    }

    .ugGlimpses .boxwrapper {
      flex-direction: column;
    }

    .ugGlimpses .left {
      width: 100%;
    }

    .ugcourse .cohortwrapper .box2col {
      flex-direction: row;
    }

    .becomeamaster .applynow .flexbox {
      margin-top: 0;
    }

    .blackLineBg {
      background: var(--black);
    }

    .gradientUnderline::after {
      bottom: -80%;
    }

    .reviewdetail .lightMuVector::after {
      height: 100%;
      bottom: -46%;
    }

    .joinOurTeam .lightMuVector::after {
      bottom: -35%;
    }

    .blogcontentWrapper .listcontent {
      color: var(--grey9);
    }

    .workwithus .degreeGroup img {
      max-width: 40px;
    }

    .degreeGroup {
      gap: 15px;
    }

    .textGroup {
      gap: 5px;
    }

    .textGroup h5 {
      font: 1rem "go-semibold";
    }

    .contentWrapper p {
      font: 0.813rem "go-regular";
      color: var(--grey13);
    }

    .newclass .textGroup h5 {
      font: 1rem "go-bold";
      text-transform: capitalize;
      color: var(--black);
    }

    .newclassRight .contentWrapper p {
      margin-top: 0;
    }

    .medileft p {
      color: var(--grey15);
    }

    .reality .headingWrap {
      flex-direction: column;
      gap: 15px;
    }

    .convinence .imgContainer {
      max-width: 100%;
      flex-direction: column;
      gap: 25px;
    }

    .lottielist li svg {
      width: 36px;
    }

    .lottielist li {
      width: 70%;
      font: 0.813rem "go-medium";
      line-height: 140%;
      gap: 14px;
      min-width: max-content;
    }

    .lottielist {
      max-width: 100%;
      gap: 20px;
      overflow: auto;
      flex-direction: row;
      margin-bottom: 30px;
    }

    .elevateBoxWrapper {
      flex-direction: column;
      gap: 15px;
    }

    /* @mCompanies */
    .companies .highlightsec .heroWrapper {
      margin-top: 0;
    }

    .companies .events .highlightsec .heroRightButtons {
      margin-top: 0;
    }

    .companies .events .highlightsec .heroRightButtons {
      margin-top: 0;
    }

    .companies .beatingWraps .beatingrightMain {
      flex-direction: column-reverse;
      gap: 40px;
    }

    .companies .beatingrightMain .beatingLeft {
      gap: 5px;
    }

    .companies .ugbeatingHearts .beatingMid {
      margin-right: 0;
      margin-left: 0;
    }

    .companies .ugbeatingHearts .beatingRight {
      margin-bottom: 0;
    }

    .companies .compBannerWrap .imgWrap img {
      width: 100%;
      max-width: 70px;
    }

    .companies .companiesBanner .compBannerWrap .imgWrap {
      gap: 30px;
      justify-content: flex-start;
      margin-top: 21px;
      margin-bottom: 20px;
    }

    .companies .companiesBanner .compBannerWrap .lineSpace {
      display: none;
    }

    .companies .collaboration .futureReadyWrap {
      margin-top: 0;
      gap: 24px;
    }

    .companies .collaboration .futureGroup .txtgroup p {
      margin-top: 5px;
    }

    .companies .collaboration .futureReadyWrap {
      margin-bottom: 30px;
    }

    .companies .content-section .swiper-wrapper .swiper-slide {
      margin-top: 20px;
    }

    .companies .collaboration .cohorttab {
      background: transparent;
    }

    .companies .recruiter .content-section {
      min-height: auto;
    }

    .companies .downloadPlacementWrappepr {
      flex-direction: column;
      align-items: flex-start;
    }

    .companies .downloadPlacementWrappepr .downloadBox,
    .companies .downloadPlacementWrappepr .headingWrap {
      width: 100%;
    }

    .companies .downloadPlacementWrappepr .downloadBox {
      margin-top: 36px !important;
      gap: 15px;
    }

    .companies .downloadPlacement .downloadPlacementWrappepr .selector {
      min-width: auto;
      max-width: 85%;
    }

    .companies .downloadPlacementWrappepr .downloadBox .gradientButton {
      margin-top: 20px;
    }

    .companies .graduateReviews .alumniSpotlightWrap {
      gap: 20px;
    }

    .companies .alumniSpotlightWrap .alumniheroLeft {
      width: 100%;
    }

    .companies .swiper-slide .alumniheroLeft .left h4,
    .companies .swiper-slide .alumniheroLeft .right h4 {
      font-size: 0.813rem;
      margin-bottom: 4px;
    }

    .companies .swiper-slide .alumniheroLeft .left p,
    .companies .swiper-slide .alumniheroLeft .right p {
      font-size: 0.813rem;
    }

    .companies .engagementsAtUnion .headingWrap {
      width: 100%;
    }

    .companies .companiesFlexWrap .contentCover:not(:first-child) {
      margin-top: 32px;
    }

    .companies .companiesFlexLeft .contentSide .gradientButton {
      margin-top: 15px !important;
    }

    .companies .companiesFlexWrap .companiesFlexRight {
      display: none;
    }

    .companies .engagementsAtUnion .content {
      overflow: auto;
      max-height: max-content;
    }

    .companies .teachingHeadWrap.collaboration .headingWrap {
      align-items: flex-start;
    }

    .companies .teachingHeadWrap.collaboration .contentBox {
      flex-direction: column;
      gap: 85px;
    }

    .companies .mutipleFormWrappper.blackLineBg .formsWraps {
      margin-top: 0;
    }

    .companies .mutipleFormWrappper.blackLineBg .applyleft {
      margin-bottom: 30px;
    }

    .companies .masterbanner.mobVersion {
      min-height: 420px;
    }

    .companies .mutipleFormWrappper.blackLineBg .registerbox {
      padding: 20px;
    }

    /* @mCompanies */

    /* @mCompanies */
    .companies .highlightsec .heroWrapper {
      margin-top: 0;
    }

    .companies .events .highlightsec .heroRightButtons {
      margin-top: 0;
    }

    .companies .beatingWraps .beatingrightMain {
      flex-direction: column-reverse;
      gap: 40px;
    }

    .companies .beatingrightMain .beatingLeft {
      gap: 5px;
    }

    .companies .ugbeatingHearts .beatingMid {
      margin-right: 0;
      margin-left: 0;
    }

    .companies .ugbeatingHearts .beatingRight {
      margin-bottom: 0;
    }

    .companies .masterbanner {
      background: url("https://files.mastersunion.link/resources/img/continueorg.webp");
      min-height: 525px;
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      background-repeat: no-repeat;
      background-size: cover;
      min-height: 600px;
    }

    .companies .compBannerWrap .imgWrap img {
      width: 100%;
      max-width: 70px;
    }

    .companies .companiesBanner .compBannerWrap .imgWrap {
      gap: 30px;
      justify-content: flex-start;
      margin-top: 21px;
      margin-bottom: 20px;
    }

    .companies .companiesBanner .compBannerWrap .lineSpace {
      display: none;
    }

    .companies .ourTeam .navigationWrapper {
      margin-top: 20px;
      margin-bottom: 12px;
    }

    .companies .collaboration .futureReadyWrap {
      margin-top: 0;
      gap: 24px;
    }

    .companies .collaboration .futureGroup .txtgroup p {
      margin-top: 5px;
    }

    .companies .collaboration .futureReadyWrap {
      margin-bottom: 30px;
    }

    .companies .content-section .swiper-wrapper .swiper-slide {
      margin-top: 20px;
    }

    .companies .collaboration .cohorttab {
      background: transparent;
    }

    .companies .recruiter .content-section {
      min-height: auto;
    }

    .companies .downloadPlacementWrappepr {
      flex-direction: column;
      align-items: flex-start;
    }

    .companies .downloadPlacementWrappepr .downloadBox,
    .companies .downloadPlacementWrappepr .headingWrap {
      width: 100%;
    }

    .companies .downloadPlacementWrappepr .downloadBox {
      margin-top: 36px !important;
      gap: 15px;
    }

    .companies .downloadPlacement .downloadPlacementWrappepr .selector {
      min-width: auto;
      max-width: 85%;
    }

    .companies .downloadPlacementWrappepr .downloadBox .gradientButton {
      margin-top: 20px;
    }

    .companies .graduateReviews .alumniSpotlightWrap {
      gap: 20px;
    }

    .companies .alumniSpotlightWrap .alumniheroLeft {
      width: 100%;
    }

    .companies .swiper-slide .alumniheroLeft .left h4,
    .companies .swiper-slide .alumniheroLeft .right h4 {
      font-size: 0.813rem;
      margin-bottom: 4px;
    }

    .companies .swiper-slide .alumniheroLeft .left p,
    .companies .swiper-slide .alumniheroLeft .right p {
      font-size: 0.813rem;
    }

    .companies .engagementsAtUnion .headingWrap {
      width: 100%;
    }

    .companies .companiesFlexWrap .contentCover:not(:first-child) {
      margin-top: 32px;
    }

    .companies .companiesFlexLeft .contentSide .gradientButton {
      margin-top: 15px !important;
    }

    .companies .companiesFlexWrap .companiesFlexRight {
      display: none;
    }

    .companies .engagementsAtUnion .content {
      overflow: auto;
      max-height: max-content;
    }

    .companies .companiesFlexLeft .contentCover:not(:last-child)::before {
      height: calc(63vh - 283px);
    }

    .companies .teachingHeadWrap.collaboration .headingWrap {
      align-items: flex-start;
    }

    .companies .content-section .contentBox .greyTextBox {
      margin-top: 20px;
      padding: 15px 10px 30px;
    }

    .companies .teachingHeadWrap.collaboration .contentBox {
      flex-direction: column;
      gap: 85px;
    }

    .companies .mutipleFormWrappper.blackLineBg .formsWraps {
      margin-top: 0;
    }

    .companies .mutipleFormWrappper.blackLineBg .registerbox {
      padding: 20px;
    }

    /* @mCompanies */

    .abourherovid {
      left: 0;
      top: 0;
    }

    .masterBoxMobOuter {
      margin-right: 15px;
      gap: 25px;
    }

    .masterBoxMobOuter .masterBox .lineSpace {
      border-top: 1px solid var(--grey9);
    }

    .masterBoxMobOuter.white .masterBox .lineSpace {
      border-top: 1px solid var(--grey4);
    }

    .listingpage .custom-select {
      font: 0.75rem "go-medium";
      padding: 8px 12px;
      max-width: 112px;
    }

    .moreblog {
      padding: 35px 0 55px 0 !important;
    }

    .listingpage .select-form {
      align-items: end;
    }

    .newclass .greybox {
      padding: 20px;
    }

    .joinOurTeam .teamContentWrap {
      width: 100%;
      gap: 15px;
    }

    .mobMedical .medicalWrap {
      flex-direction: column-reverse !important;
    }

    .about .sustainMapBoard {
      padding: 15px;
    }

    .teachingContent::after {
      display: none;
    }

    .aboutheroright p {
      margin-top: 30px;
      color: var(--grey10);
    }

    .about .blackSvgBg {
      background: var(--black3);
    }

    /* Responsive BY Khushi Starts */

    .knowledgeHub .headingWrap {
      flex-direction: column;
      gap: 15px;
      align-items: flex-start;
    }

    .vipbox .left {
      width: 100%;
    }

    .vipbox .right {
      width: 100%;
    }

    .vipboxWrapper {
      background: url("https://files.mastersunion.link/resources/img/initiatetop.png");
      gap: 50px;
    }

    .headingWrapperButton {
      flex-direction: column;
      gap: 20px;
      align-items: flex-start !important;
    }

    .backgroundVector::after {
      width: 263px;
      right: 0;
      top: -16%;
    }

    .founderRight .masterImage {
      border: 1px solid var(--grey17);
    }

    .innovating .founderCXO {
      flex-direction: column-reverse;
    }

    .inovation .backgroundVector::after {
      display: none;
    }

    .inovation .contenttxt {
      width: 90%;
      top: 50%;
    }

    .inovation .contenttxt h2 {
      font: 1.25rem "go-bold";
      text-transform: lowercase;
    }

    .inovation .contenttxt p {
      font: 0.875rem "go-regular";
      line-height: 160%;
      color: var(--grey10);
      margin-top: 10px;
    }

    .adayAtMuJourney .newclassLeft {
      max-width: 100%;
    }

    .adayAtMuJourney .newclassRight {
      max-width: 100%;
    }

    section .newclass {
      padding: 0px 0;
    }

    .adayAtMuJourney .newClassWrapper {
      gap: 25px;
    }

    .mobmb0 {
      margin-bottom: 0;
    }

    .headingWrapperButton .headingRight {
      width: 62%;
    }

    .afterMuStudentLife .selectingStudents .headingWrap {
      flex-direction: column;
      gap: 20px;
    }

    .classSessionRight img {
      min-width: none;
    }

    .box.greybg .heading {
      width: 100%;
    }

    .box.black .description {
      width: 100%;
    }

    .studentlifecampus .classSessionWrap .classSessionleft img {
      min-width: 100%;
    }

    .studentlifecampus .selectingStudents.whiteLineBg {
      background: url("https://files.mastersunion.link/resources/svg/whitelightlinebg.svg"),
        var(--white);
      background-repeat: no-repeat;
    }

    .studentlifecampus .cyberpark .headingWrapperButton .headingRight {
      width: 100%;
      justify-content: flex-end;
    }

    .studentlifecampus .selectingStudents .headingWrap {
      flex-direction: column;
      align-items: flex-start;
      gap: 20px;
    }

    .nextgenWrap {
      padding: 30px;
      gap: 30px;
      flex-direction: column;
      background: url("https://files.mastersunion.link/resources/img/nextgenbgmob.png");
    }

    .studentlifecampus .nextgenBox {
      flex-direction: column;
    }

    /* .reality .content {
        height: max-content;
    } */

    .becomeamaster.rolesandresp .rolescontent {
      flex-direction: column;
    }

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

    .studentMainWrapper {
      gap: 25px;
      flex-direction: column;
      justify-content: space-between;
    }

    .studentClub .studentJourney .studentMainWrapper {
      flex-direction: column-reverse;
      gap: 13px;
      margin-top: 20px;
    }

    .studentClub .studentMainWrapper .studentWrapperOne .subHeading {
      margin-top: 0;
    }

    .studentWrapperOne {
      width: 100%;
      max-width: unset;
    }

    .pgphighlight .studentWrapperOne {
      max-width: 100%;
    }

    .pgprise .studentPercentWrap {
      gap: 10px 60px;
    }

    .studentPercentWrap {
      gap: 20px;
      margin-top: 20px;
    }

    .studentPercentageBox {
      width: 29%;
    }

    .subHeading {
      margin-top: 20px;
    }

    .businessTopWrap {
      flex-direction: column-reverse !important;
      align-items: flex-start;
      gap: 20px;
    }

    .businessRightBox {
      width: 100%;
    }

    .businessLeftBox {
      width: 100%;
    }

    .bussinessclub .content-section .content {
      padding: 0;
      background: transparent;
      box-shadow: none;
      flex-direction: column;
    }

    .bussinessclub .learningLeft {
      max-width: 100%;
    }

    .bussinessclub .navigationWrapper ul {
      padding-left: 10px;
    }

    .bussinessclub .courseName.active {
      padding-left: 0;
    }

    .studentClub .bussinessclub .learningRight {
      width: 100%;
    }

    .studentJourney .studentWrapperTwo {
      width: 100%;
      max-width: 100%;
    }

    .businessLeftBox ul {
      margin-top: 20px;
      gap: 10px;
    }

    .ugPsychologyMarketing .counsellorBanner {
      margin-top: 60px;
    }

    .businessLeftBox ul li {
      gap: 5px;
      font: 0.875rem "go-medium";
      color: var(--grey);
    }

    /* Responsive BY Khushi Ends */

    .heroSection {
      padding: 0px !important;
      min-height: 80dvh;
    }

    /* body {
        zoom: 100%
    } */

    /*
  main {
    overflow: hidden; 
     do not use overflow hidden property as it will not allow to make any section sticky 
  }
     */

    .teachingHeadWrap .headingWrap {
      width: 100%;
    }

    .teachingwrapper .masterBox {
      min-width: 328px;
      min-height: 250px !important;
    }

    .inovation .teachingwrapper .masterBox {
      min-width: 100%;
    }

    .teachingContent li svg {
      min-width: 12px;
    }

    .teachingContent li {
      align-items: baseline;
    }

    .newclass .lightMuVector::after {
      filter: brightness(5.5);
    }

    ::-webkit-scrollbar-thumb {
      /* display: block !important; */
      background: #d4d4d4;
    }

    .teachingContent.mob-visible {
      display: flex !important;
      gap: 10px;
    }

    .reportWrapper {
      width: 100%;
    }

    .txtWrapper img {
      max-width: 30px;
    }

    .networkingbox {
      flex-direction: column;
      align-items: flex-start;
      width: 100%;
    }

    .educationJourney .mastersList img {
      max-width: 40px;
    }

    .teamContentWrap {
      width: 100%;
      gap: 30px;
    }

    .gradientMuBg .contactWrapper {
      flex-direction: column;
      align-items: flex-start;
      gap: 30px;
    }

    .courseroaster .header .lightMuVector::after {
      filter: brightness(5.5);
    }

    .careerPotential .mastersList li {
      gap: 15px;
    }

    .networkingbox .right {
      width: 100%;
    }

    .networkingbox .left {
      width: 100%;
    }

    .events .container-2 {
      padding-left: 15px;
    }

    .container-2 {
      padding-left: 15px;
      margin-right: 15px;
    }

    .storyswiper .masterBox {
      max-width: unset;
      /* background: transparent; */
    }



    .journey .content-section .content {
      box-shadow: none;
    }

    .newclassLeft .mt20 {
      margin-top: 0;
    }

    .font-14 {
      font-size: 0.875rem;
    }

    .eventText {
      width: 100%;
    }

    .companiesBanner {
      position: relative;
      padding: 40px 0;
    }

    .companiesBanner .compBannerWrap {
      width: 100%;
    }

    .companiesBanner .compBannerWrap .imgWrap {
      display: flex;
      gap: 40px;
      justify-content: space-between;
      margin-top: 35px;
    }

    .cohort .box {
      width: 100%;
      margin-top: 0;
    }

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

    .alumniSpotlightWrap .heroright {
      width: 100%;
    }

    .masterbanner {
      background-position-x: -400px;
    }

    .unfoldFun .eventheld .swiper-slide {
      min-width: 320px !important;
    }

    .box.greybg .heading {
      font: 1.25rem "go-semibold";
      line-height: 140%;
    }

    .businessEventbox {
      max-width: 100%;
    }

    .contenttxt {
      width: 90%;
      position: absolute;
      top: 46%;
    }

    .afterMuStudentLife .contenttxt {
      top: 50%;
    }

    .contenttxt h2 {
      font: 1.25rem "go-bold";
    }

    .highlightBanner {
      position: relative;
      padding: 40px 0;
    }

    .highlightBanner .bannerText {
      font-size: 3.125rem;
    }

    .highlightBanner .bannerText span {
      font-size: 2.5rem;
    }

    .highlightBanner .bannersubTxt {
      margin-top: 0;
    }

    .events .highlightsec .heroWrapper {
      align-items: flex-start;
    }

    .tabs li {
      color: var(--grey);
    }

    .knowledgeHub.elevateSection .navigationWrapper {
      margin-top: 30px !important;
    }

    .newclass .navigationWrapper ul {
      justify-content: space-around;
    }

    footer {
      background-repeat: no-repeat;
      background-position: bottom;
      backdrop-filter: blur(4px);
    }

    .workwithus .degreeLeft {
      width: 100%;
    }

    .workwithus .degreeRight {
      width: 100%;
      gap: 30px;
    }

    .heroWrapper .heroright .masterImage>img {
      min-width: unset;
      min-height: unset !important;
    }

    .careerplacement .left {
      height: 30vh;
    }

    .afterCareerBox {
      margin-right: 30px;
      padding-right: 30px;
    }

    .investinFuture .learningRight {
      margin-top: 60%;
    }

    .reportWrapper {
      width: 100%;
    }

    .muafterCareer .txtWrapper img {
      max-width: 30px;
    }

    .networkingbox {
      flex-direction: column;
      align-items: flex-start;
      width: 100%;
    }

    .teamContentWrap {
      width: 100%;
    }

    .gradientMuBg .contactWrapper {
      flex-direction: column;
      align-items: flex-start;
      gap: 30px;
    }

    .careerPotential .mastersList li {
      gap: 15px;
    }

    .networkingbox .right {
      width: 100%;
    }

    .networkingbox .left {
      width: 100%;
    }

    .events .container-2 {
      padding-left: 15px;
    }

    .container-2 {
      padding-left: 15px;
      margin-right: 15px;
    }

    .storyswiper .masterBox {
      max-width: unset;
    }

    .engage.journey .contentLeft {
      width: 100%;
      max-width: 100%;
    }

    .companiesBanner {
      position: relative;
      padding: 40px 0;
    }

    .companiesBanner .compBannerWrap {
      width: 100%;
    }

    .companiesBanner .compBannerWrap .imgWrap {
      display: flex;
      gap: 40px;
      justify-content: space-between;
      margin-top: 35px;
    }

    .cohort .box {
      width: 100%;
      margin-top: 15px;
    }

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

    .alumniSpotlightWrap .heroright {
      width: 100%;
    }

    .masterbanner {
      background-position-x: -400px;
    }

    .events .highlightsec .heroRightButtons {
      margin: 0px 0 60px;
      gap: 20px;
      flex-direction: column-reverse;
    }

    .highlightBanner {
      background: url("https://files.mastersunion.link/resources/img/bgformob.png");
    }

    .highlightBanner {
      position: relative;
      padding: 40px 0;
    }

    .highlightBanner .bannerText {
      font-size: 3.125rem;
    }

    .highlightBanner .bannerText span {
      font-size: 2.5rem;
    }

    .highlightBanner .bannersubTxt {
      margin-top: 0;
    }

    .events .highlightsec .heroWrapper {
      align-items: flex-start;
    }

    .programmeHeading {
      font-size: 1.75rem;
      margin-top: 30px;
    }

    .tabs li {
      color: var(--grey);
    }

    .muAfterHomepage .pgpMapSustain .sustainLeft {
      width: 100%;
    }

    .muAfterHomepage .sustainMapBoard {
      width: 100%;
    }

    .companies .sustainMapBoard {
      margin: 0;
      padding: 25px 15px;
      width: 100%;
    }

    .newclass .navigationWrapper ul {
      justify-content: space-around;
    }

    .studentJourney .subHeading {
      margin-top: 0;
    }

    .sectionHeading {
      font: 1.25rem "go-bold";
      color: var(--grey17);
    }

    footer {
      background-repeat: no-repeat;
      background-position: bottom;
      backdrop-filter: blur(4px);
    }

    .workwithus .degreeLeft {
      width: 100%;
    }

    .workwithus .degreeRight {
      width: 100%;
    }

    .heroWrapper .heroright .masterImage>img {
      min-width: unset;
      min-height: unset !important;
    }

    .careerplacement .left {
      height: 30vh;
    }

    .afterCareerBox {
      margin-right: 30px;
      padding-right: 30px;
    }

    .button {
      padding: 12px 16px;
    }

    .popupBody {
      max-height: calc(100vh - 50px);
      max-width: calc(100vw - 50px);
      height: auto;
      min-height: 350px;
    }

    .wd-50 {
      width: 100%;
    }

    .courseroaster .header {
      align-items: baseline;
      flex-direction: column;
      justify-content: center;
    }

    .headertextwrap {
      width: 100%;
    }

    .previewTime {
      font-size: 0.75rem;
    }

    .stayUpdated {
      flex-direction: row;
      align-items: flex-start;
    }

    .seondtabs .list img {
      width: 20px;
    }

    .seondtabs .list {
      font-size: 0.875rem;
      min-width: max-content;
      gap: 4px;
      font-weight: 600;
    }

    .placementLeft::before {
      content: unset;
    }

    .floatingLinksBox svg {
      width: 24px;
    }

    .workwithus .becomeMaster .masterImage {
      width: 100%;
    }

    .ugcurriculum .journey .headingWrap {
      flex-direction: column;
      gap: 25px;
    }

    .workwithus .sectionHeader {
      width: 100%;
    }

    .workwithus .educationJourney.newjourney .boxwrapper .left {
      width: 100%;
    }

    .placementLeft::after {
      content: unset;
    }

    .seondtabs .list::after {
      width: 60px;
      left: 30px;
    }

    .about .aboutheroleft .masterPlay {
      left: unset !important;
      top: unset;
    }

    .heroHeading {
      gap: 0;
    }

    .blogtext {
      font-size: 1rem;
    }

    .blogTag {
      gap: 5px;
      padding: 6px;
      right: 6px;
      top: 6px;
    }

    .subtext {
      width: 100%;
      border: none;
    }

    .futureReadyWrap {
      flex-direction: column;
      gap: 20px;
      margin-top: 30px;
    }

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

    .degreeleft {
      width: 100%;
    }

    .degreeright .mastersList img {
      max-width: 32px;
    }

    .mob-hide {
      display: none !important;
    }

    .inclassbox {
      width: 100%;
      gap: 12px;
    }

    .ugcurriculum .concentration .eventTag {
      font-size: 0.875rem;
    }

    .ugcurriculum .concentration .eventTag {
      padding: 4px 8px;
    }

    .inclassgroup {
      gap: 12px;
    }

    .borderbottom-grey-mob {
      border-bottom: 1px solid var(--grey4);
    }

    .wd-40 {
      width: 100%;
    }

    .cautiongrey {
      padding: 16px;
    }

    .bg-grey .lightMuVector::after {
      filter: brightness(5.5);
    }

    .startgroupWrap {
      width: 100%;
      margin-top: 30px;
      flex-direction: row-reverse;
      justify-content: left;
      gap: 15px;
      column-gap: 8px;
    }

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

    .startgroupWrap img {
      width: 12px;
    }

    .careerplacement.newheight .box {
      width: 100%;
    }

    .careerPotential .educationJourney .boxwrapper {
      align-items: flex-start;
      flex-direction: column-reverse;
      padding: 0;
    }

    .cautiongrey img {
      width: 36px;
    }

    .inclassbox {
      padding: 24px 0;
    }

    .degreeright {
      width: 100%;
    }

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

    .buildingImage .mob-visible {
      width: 100%;

    }

    .buildingImage .watchVideo {
      font-size: 18px !important;
    }

    .beatingHearts .headingWrap {
      flex-direction: column;
    }

    .beatingHearts .fr-BlockHeadingItalic {
      font-size: 18px;
    }

    .headingsRight .mt50 {
      margin-top: 30px;
    }

    .ugcareerprospect .beatingWraps {
      flex-direction: column;
    }

    .ugcareerprospect .beatingLeft {
      position: relative;
      margin-top: 50px;
      width: 100%;
    }

    .ugcareerprospect .beatingMid {
      width: 100%;
      line-height: 0;
      margin: 0;
    }

    .rolesandresp .ourteambanner {
      /* min-height: 480px; */
      background: url("https://files.mastersunion.link/resources/img/ourTeamBannerBlackmob.png") no-repeat,
        var(--black);
      background-size: cover;
    }

    .knowledgeHub .courseName.active,
    .knowledgeHub .courseName:hover {
      padding-left: 0;
    }

    .ugcareerprospect .ourteambanner .headingsRight {
      align-self: end;
      margin-top: 30px;
    }

    .ugclassprofile .educationclass .boxwrapper .left {
      width: 100%;
    }

    .ugcareerprospect .sustainMapBoard {
      padding: 32px 16px;
    }

    .pgpMapSustain .sustainLeft h3 {
      margin-top: 20px;
    }

    .pgpMapSustain .sustainLeft h2 {
      font: 1.25rem "go-semibold";
    }

    .pgpMapSustain .sustainLeft {
      max-width: 100%;
    }

    .ugGlimpses .left h2 {
      font: 1.25rem "go-bold";
    }

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

    .ugcareerprospect .beatingRight {
      width: 100%;
      margin-top: 20px;
    }

    .muAfterHomepage .pgpCount {
      margin-top: 15px;
    }

    .muAfterHomepage .pgpCount .countValuePgp {
      max-width: 100px;
    }

    .muAfterHomepage .sustainRight {
      max-width: 100%;
    }

    .ugcareerprospect .beatinglistWrapper {
      gap: 0;
    }

    .futureready .box2col {
      flex-direction: row !important;
      width: 100%;
    }

    .futureready {
      flex-direction: column;
    }

    .futureGroup {
      width: 100%;
    }

    .about .herobanner {
      padding-top: 110px !important;
    }

    .becomeamaster .educationJourney .boxwrapper {
      flex-direction: column;
    }

    .heroButtonWrap {
      margin-top: 15px;
    }

    .becomeamaster .educationJourney .boxwrapper .left {
      width: 100%;
      /* margin-top: 30px; */
    }

    .homeWrapper .cravePath {
      right: 17%;
      top: 26%;
      width: 90px;
    }

    .about .abouttimevid {
      position: relative;
      top: 0;
      width: 100%;
    }

    .iframeHero {
      min-height: 350px;
    }

    .container {
      max-width: 100%;
      padding-left: 15px;
      padding-right: 15px;
    }

    .topMenu {
      display: none;
    }

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

    .megaLink {
      display: none;
    }

    .bgHeroVideoWrap {
      height: 100%;
      max-height: unset;
    }

    .bgHeroVideoWrap>video {
      max-width: unset;
      min-height: 90vh;
      object-position: 70%;
    }

    .bgHeroVideoWrap::before {
      display: none;
      width: 100%;
      left: 0;
    }

    .edubox .circleHighlight {
      font-size: 2rem;
    }

    .heroHeading {
      font-size: 1.75rem;
      line-height: 140%;
      margin-bottom: 10px;
    }

    .circleHighlight {
      padding-top: 0;
      padding-bottom: 0;
      padding-right: 0;
      padding-left: 5px;
      margin-right: 35px;
    }

    .circleHighlight::before {
      left: 0;
    }

    .heroButtonWrap {
      flex-wrap: wrap;
      gap: 0;
      justify-content: flex-start;
      margin-top: 40px;
    }

    .button.playButton {
      position: absolute;
      left: 15px;
      top: 100px;
    }

    /* .eventSlider .swiper-slide {
        flex-wrap: wrap;
    } */

    .eventImg {
      max-width: 100%;
    }

    .eventImg img {
      width: 100%;
    }

    .eventHeading {
      font-size: 1rem;
    }

    .muLearning {
      padding: 50px 0;
      min-height: 190vh;
    }

    .muLearning .headingWrap {
      flex-wrap: wrap;
      gap: 25px;
      position: static;
    }

    .mainHeading {
      font-size: 1.5rem;
      margin-top: 10px;
    }

    .learningWrap mt60 {
      margin-top: 20px;
      flex-wrap: wrap;
      gap: 10px;
    }

    .learningLeft {
      max-width: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-start;
    }

    .navigationBox {
      max-width: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 25px;
      overflow: auto;
    }

    .navigationBox::-webkit-scrollbar {
      width: 0;
      height: 0;
    }

    .navigationBox::-webkit-scrollbar-thumb {
      background: transparent;
    }

    .navigationBox::-webkit-scrollbar-track {
      background: transparent;
    }

    .courseName {
      padding: 0;
      min-width: max-content;
    }

    .courseName.active,
    .courseName:hover {
      padding-left: 0;
    }

    .courseName img {
      display: none;
    }

    .leaderMU .headingWrap {
      top: 0;
    }

    .meetMaster {
      padding: 40px 0;
      background-size: contain;
    }

    .meetMaster .mainHeading {
      font-size: 1.5rem;
    }

    .mastersBoxWrapper {
      max-width: 100%;
      overflow: auto;
      gap: 20px;
      flex-wrap: nowrap;
      margin-top: 20px;
    }

    .eventsMU {
      background-position: inherit;
    }

    /* .masterBox {
        min-width: 250px;
    } */

    .rolescontent.new {
      flex-direction: column;
      gap: 15px;
    }

    .rolescontent .left {
      width: 100%;
    }

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

    .founderCXO {
      padding: 0px 0px;
      border-top: 0;
      margin-top: 40px;
      flex-wrap: wrap;
      gap: 30px;
    }

    .founderRight {
      transform: rotate(0deg);
      opacity: 1;
    }

    .meetMaster .founderRight {
      position: unset !important;
      margin-top: 0;
    }

    .journey {
      padding: 40px 0;
    }

    .navigationWrapper {
      margin-top: 40px;
    }

    .navigationWrapper ul {
      padding: 20px;
      gap: 50px;
      overflow: auto;
      justify-content: flex-start;
      align-items: center;
      background: var(--grey17);
    }

    .muLearning .circleHighlight.smallHighlight::before {
      content: none;
    }

    .navigationWrapper ul::-webkit-scrollbar {
      width: 0;
      height: 0;
    }

    .navigationWrapper ul::-webkit-scrollbar-thumb {
      background: transparent;
    }

    .navigationWrapper ul::-webkit-scrollbar-track {
      background: transparent;
    }

    .navigationWrapper li {
      min-width: max-content;
      font-size: 0.75rem;
      line-height: 120%;
    }

    .accordion .heading {
      padding: 15px 15px;
      font-size: 1rem;
      font-family: "go-semibold";
    }

    .accordion .heading.active {
      padding: 15px 15px;
    }

    .contents {
      padding: 0 15px;
      padding-bottom: 20px;
    }

    .contentWrap {
      margin-top: 25px;
      flex-wrap: wrap;
      flex-direction: column-reverse;
      gap: 20px;
    }

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

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

    .dataAvailable {
      gap: 20px;
    }

    .detailBox {
      max-width: 100%;
    }

    .buttonWrapper {
      flex-wrap: wrap;
      gap: 25px;
    }

    .multicard {
      padding: 40px 0 120px !important;
    }

    .whiteCard {
      padding: 20px;
      background-position-y: top;
      max-width: 100%;
      left: 0;
      min-height: 160px;
      align-items: center;
      justify-content: center;
      display: flex;
    }

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

    .gradientCard {
      top: 250px;
      margin-top: 20px;
      right: 15px;
      max-width: 100%;
      padding: 15px;
      transform: rotate(0deg);
      min-height: max-content;
    }

    .cardText {
      font-size: 1.25rem;
    }

    .cardCount {
      margin-top: 30px;
    }

    .cardCount .current {
      font-size: 1.25rem;
    }

    .cardCount {
      font-size: 1rem;
    }

    .meetopportunity .headingsRight {
      display: none;
    }

    #highlight .opportunityWrapper {
      margin-bottom: 0;
    }

    #highlight .opportunityWrapper .masterBoxMobOuter {
      gap: 10px;
    }

    .opportunityWrapper {
      max-width: 100%;
      overflow: scroll;
      gap: 20px;
      flex-wrap: nowrap;
    }

    .opportunityWrapper::-webkit-scrollbar-thumb {
      display: block !important;
    }

    .opportunityWrapper .masterBox {
      max-width: 100%;
      min-width: 250px;
      min-height: 235px;
      margin-bottom: 10px;
    }

    .pgpRiseOpm .opportunityWrapper .masterBox {
      min-width: 275px;
    }

    .meetopportunity {
      padding: 40px 0;
    }

    .placementWrap {
      padding: 0;
      flex-direction: column;
      height: 100%;
      justify-content: flex-start;
      align-items: flex-start;
    }

    .placementWrap .placementLeft {
      width: 100%;
    }

    .placementRight {
      flex-wrap: nowrap;
      gap: 8px;
      width: 100%;
    }

    .educationinner img {
      width: 40px;
    }

    .meetMaster .cravePath {
      left: 220px;
      top: 40%;
      width: 90px;
    }

    .educationinner .text-16 {
      font-size: 0.875rem;
    }

    .boxiHeading {
      font-size: 1.5rem;
    }

    .boxiData {
      font-size: 0.875rem;
    }

    .boxiBox {
      align-items: flex-start;
      display: flex;
      flex-wrap: wrap;
      align-content: center;
    }

    .boxiBox .lineSpace {
      display: block;
      position: relative;
      width: 100%;
    }

    .recuiterWrap .mainHeading {
      font-size: 1.5rem;
    }

    .recuiterWrap .gradientButton {
      margin-top: 30px;
    }

    .recuiterWrap {
      background-position: 50%;
      /* padding: 220px 0 70px; */
      background-size: cover;
    }

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

    .exploreHub .headingsRight {
      display: none;
    }

    .exploreHub .navigationWrapper ul {
      padding: 20px;
      gap: 50px;
      overflow: auto;
      justify-content: flex-start;
    }

    .exploreHub {
      padding: 40px 0;
    }

    .exploreHub .navigationWrapper {
      margin: 40px 0;
    }

    .previewData {
      flex-wrap: wrap;
      gap: 15px;
    }

    .exploreLeft .whitePreviewBox {
      padding: 15px;
      min-width: 300px;
    }

    .findUs .content-section .flexbox {
      min-width: unset;
    }

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

    .exploreLeft {
      display: flex;
      gap: 20px;
      overflow: auto;
    }

    .previewHeading {
      padding: 20px 0 12px;
      font-size: 1rem;
    }

    .previewDesgination {
      margin-top: 5px;
    }

    .exploreRight {
      max-width: 100%;
    }

    .content-section .findUs {
      margin-top: 0;
      padding: 24px;
    }

    .exploreRight .previewHeading {
      font-size: 1.125rem;
    }

    .mobHide {
      display: none !important;
    }

    .bestOpportunity .btnWhite {
      width: 100%;
      display: flex !important;
    }

    .bestOpportunity .headingsLeft {
      width: 100%;
      display: flex;
      justify-content: center;
      text-align: center;
      align-items: center;
    }

    .mobHideFlex {
      display: none !important;
    }

    .mobVisible {
      display: flex !important;
    }

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

    .findRight {
      gap: 25px;
      margin-top: 25px;
      max-width: 100%;
      flex-wrap: wrap;
    }

    .whiteIconWrap svg {
      width: 24px;
    }

    .journeyStarts {
      padding: 40px 0;
    }

    .journeyStarts .mainHeading {
      font-size: 1.5rem;
      padding: 0;
      text-align: start;
    }

    .floatingLinksBox {
      margin-top: 0;
      padding: 20px;
    }

    .journeyStarts.visible .floatingLinksBox {
      transform: rotate(0deg);
    }

    .journeyStarts.visible {
      min-height: 520px;
    }

    .overRight img {
      width: 32px;
    }

    .journeyStarts {
      min-height: 520px;
    }

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

    .upperFooter {
      padding: 40px 0;
      border: none;
    }

    /* .upperFooter svg {
        width: 50%;
    } */

    .upperFooter .container {
      flex-wrap: wrap;
      gap: 20px;
      flex-direction: column;
    }

    .address {
      font-size: 0.75rem;
      line-height: 120%;
      color: var(--grey6) !important;
      line-height: 160%;
    }

    .bottomFooter {
      flex-wrap: nowrap;
      flex-direction: column;
      align-items: flex-start;
    }

    .privacyLink {
      font-size: 0.75rem;
      min-width: max-content;
    }

    .footerText {
      font-size: 0.75rem;
      color: var(--grey8);
    }

    .footerLinkRight {
      gap: 20px;
      display: flex;
      align-items: center;
      justify-content: flex-start;
    }

    .footerLinkRight a:nth-child(even) {
      margin: 0 20px;
    }

    .beatingWraps {
      flex-wrap: wrap;
      margin-top: 40px;
    }

    .heroWrapper {
      flex-direction: column-reverse;
    }

    .heroWrapper .right {
      width: 100%;
    }

    .heroWrapper .left {
      width: 100%;
    }

    .highlightBanner .boxWrapper .box {
      width: 100%;
    }

    .highlightBanner .boxWrapper {
      flex-direction: column;
      gap: 30px;
    }

    .pgphighlight .headingsLeft {
      width: 100%;
    }

    .pagelocation li {
      min-width: max-content;
    }

    .pagelocation {
      width: 100%;
      overflow: hidden;
      flex-wrap: unset;
    }

    .vibrantcomm .cardsWrapper {
      flex-direction: column;
      gap: 30px;
    }

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

    .heroWrapper .heroright {
      overflow: hidden;
      width: 100%;
    }

    .accordion .contentWrap.flexbox {
      flex-direction: column-reverse;
    }

    .pagelocation {
      width: 100%;
    }

    .beatingWraps {
      flex-wrap: wrap;
      margin-top: 30px;
      gap: 30px;
    }

    .exploreRight .whitePreviewBox:nth-child(2) {
      display: none;
    }

    /* .cravePathHeart {
        right: 15px;
        width: 70px;
    } */
    .heroSection .heroLeft .muvector::after {
      height: 100%;
      bottom: -60%;
    }

    .beatingMid img {
      transform: none;
      margin-left: 0;
    }

    .beatingMid {
      padding-bottom: 0;
    }

    .beatingLeft {
      max-width: 100%;
      position: relative;
      z-index: 9;
      top: 0%;
      left: 0%;
      order: 2;
    }

    .beatingRight {
      order: 3;
      max-width: 100%;
    }

    .gridLeft {
      max-width: 100%;
    }

    .floatingLinksBox {
      gap: 15px;
    }

    .gridBox:nth-child(2) {
      /* max-height: 240px; */
      min-height: 240px;
      max-width: 100%;
      min-height: 230px;
    }

    .gridRight {
      padding: 20px 16px;
    }

    .gridBox:nth-child(3) {
      max-width: 100%;
      max-height: 280px;
    }

    .floatingLinksBoxWrap {
      position: static;
    }

    .commonOverlay {
      max-width: calc(100% - 30px);
      padding: 28px 12px;
      left: 15px;
    }

    .commonOverlay .overlayHeading {
      font-size: 1rem;
    }

    .commonOverlay .overlayText {
      font-size: 0.875rem;
      justify-content: flex-start;
      gap: 10px;
      flex-wrap: wrap;
      max-width: 80%;
    }

    .commonOverlay .overlayText>span {
      display: none;
    }

    .overlayMidVideo {
      min-height: 140px;
    }

    .overlayRightBotton {
      display: none;
    }

    .overlayLeftBotton {
      max-width: 100%;
    }

    .downloadStore {
      gap: 5px;
    }

    .downloadStore img {
      max-width: 100px;
    }

    .downloadOptions {
      padding: 10px 8px;
    }

    .downloadText {
      font-size: 0.75rem;
      max-width: 35%;
    }

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

    .heroWrapper .right {
      width: 100%;
      max-width: 100%;
    }

    .heroWrapper .left {
      width: 100%;
    }

    .highlightBanner .boxWrapper .box {
      width: 100%;
    }

    .highlightBanner .boxWrapper {
      flex-direction: column;
      gap: 30px;
    }

    .pgphighlight .headingsLeft {
      width: 100%;
    }

    .vibrantcomm .cardsWrapper {
      flex-direction: column;
      gap: 30px;
    }

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

    .heroRightButtons {
      flex-direction: column;
    }

    .heroWrapper .heroright {
      overflow: hidden;
    }

    .pagelocation {
      width: 100%;
      flex-wrap: wrap;
    }

    .heroright .whiteCard {
      width: 80%;
    }

    .circleHighlight.smallHighlight::before {
      top: 9px;
    }

    .packagebox::after {
      width: 100%;
    }

    .pgphighlight .circleHighlight.smallHighlight::before {
      top: 12px;
    }

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

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

    .selectingStudents .card {
      width: 100%;
    }

    .aboutadmission .boxWrapper {
      flex-direction: column;
      gap: 30px;
    }

    .investinFuture .learningRight {
      width: 100%;
    }

    .collaboration .headingsRight {
      width: 100%;
    }

    .collaboration .headingsLeft {
      width: 100%;
      max-width: unset;
    }

    .arrowouter {
      align-items: center;
      justify-content: space-between;
      margin-top: 20px;
    }

    .box {
      width: 100%;
    }

    .sustaininner {
      width: 100%;
    }

    .sustainability .flexbox {
      flex-direction: column;
      gap: 25px;
      width: 100%;
      align-items: flex-start;
    }

    .sustainability .gridBox {
      max-width: 100%;
    }

    .journeyStarts.visible .floatingLinksBoxWrap {
      top: 28%;
      width: 100%;
    }

    .missionleft {
      width: 100%;
    }

    .missionright {
      width: 100%;
    }

    .mission .flexbox {
      flex-direction: column;
      gap: 30px;
    }

    .mission {
      padding: 80px 0 0px;
    }

    .herobanner .flexbox {
      flex-direction: column;
    }

    .aboutheroleft {
      width: 100%;
    }

    .aboutheroright {
      width: 100%;
      gap: 30px;
    }

    .teachingwrapper .flexbox {
      flex-direction: column;
      gap: 30px;
    }

    .herobanner::after {
      display: none;
    }

    .teachingright {
      width: 100%;
    }

    .teachingleft {
      width: 100%;
    }

    .teachingwrapper .heroHeading {
      font-size: 2.75rem;
    }

    .teaching1heading .circleHighlight.big::before {
      top: -10px;
      width: 350px;
      left: -10px;
    }

    .teaching1heading .circleHighlight::before {
      top: -5px;
      width: 340px;
      left: -25px;
    }

    .careerplacement .flexbox {
      flex-direction: column;
      gap: 30px;
    }

    .careerplacement .box {
      width: 100%;
    }

    .component .flexbox {
      flex-direction: column;
      gap: 30px;
    }

    .component .box {
      width: 100%;
    }

    .termsouter .group {
      width: 100%;
    }

    .termsouter {
      border-radius: 16px;
      padding: 40px 20px;
    }

    .content-section .flexbox {
      align-items: center;
      font-size: 0.875rem;
    }

    .heroright .whiteCard {
      width: 85%;
      right: -14%;
      padding: 8px;
    }

    .exploreHub .content-section .flexbox {
      margin-top: 5px;
      align-items: center;
    }

    .exploreHub .previewImg {
      margin-top: 15px;
    }

    .contentLeft,
    .contentRight {
      max-width: 100%;
    }

    .faqquestion {
      font-size: 1rem;
    }

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

    .circleHighlight.smallHighlight::before {
      top: 9px;
    }

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

    .seondtabs {
      padding: 10px;
      width: 100%;
    }

    .faqquestionWrap {
      padding: 16px;
    }

    .text-14 {
      font-size: 0.75rem;
    }

    .packagebox::after {
      width: 100%;
    }

    .circleHighlight.smallHighlight {
      font-size: 2rem;
    }

    .pgphighlight .circleHighlight.smallHighlight::before {
      top: 12px;
    }

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

    .terms .leftCard {
      max-width: 100%;
    }

    .classouter>img {
      width: 100%;
    }

    .terms .rightCard::after {
      content: none;
    }

    .lightbg .cravePath::before {
      content: none;
    }

    .terms .rightCard .circleHighlight::before {
      top: -4px;
      left: -15px;
    }

    .cravePathHeart::before {
      content: none;
    }

    .terms .rightCard::before {
      content: none;
    }

    .pgpcohort .placementWrap {
      padding-bottom: 150px;
    }

    .recruiter .cravePathHeart {
      display: none;
    }

    .gallery .navigationWrapper ul {
      justify-content: space-around;
    }

    .bg-vector .cravePathHeart {
      right: 30px;
      top: 40px;
    }

    .pgpcohort .highlightBanner .boxWrapper {
      flex-direction: row;
      flex-wrap: wrap;
    }

    .pgpcohort .highlightBanner .boxWrapper .box {
      width: calc(50% - 30px);
    }

    .cohortwrapper {
      overflow: auto;
      flex-wrap: wrap;
      flex-direction: row;
      row-gap: 20px;
    }

    .pgpcohort .headingWrap {
      flex-direction: column;
    }

    .curriculum .absoluteimage {
      position: absolute;
      top: 627px;
      left: 59%;
      width: 50%;
      transform: rotate(-46deg);
    }

    .curriculum .absoluteimage {
      display: none;
    }

    .AnimcardText .box2col {
      width: 100%;
    }

    .classouter {
      flex-direction: column;
    }

    .terms .rightCard {
      max-width: 100%;
      transform: rotate(-1deg);
    }

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

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

    .schedule .cravePathHeart {
      top: 120px;
    }

    .masterleft {
      width: 100%;
    }

    .tableWrapper {
      overflow: auto;
      width: 100%;
      padding-bottom: 20px;
    }

    .box2col.gap30 {
      margin-bottom: 20px;
    }

    .scheduletable {
      overflow: auto;
    }

    .scheduletable img {
      min-width: max-content;
      height: auto;
    }

    .concentration .flexbox {
      flex-direction: column;
    }

    .terms .cravePathHeart {
      top: 260px;
    }

    .careerjourney.terms .headingWrap {
      flex-direction: column;
      gap: 30px;
      margin-top: 0;
    }

    .masterflex::after {
      content: none;
    }

    .concentration::after {
      content: none;
    }

    .curriculum .cravePathHeart.lightbg {
      top: 60px;
      width: 94px;
      right: 25px;
    }

    .concentration .cravePathHeart.lightbg {
      top: 90px;
    }

    .masterPlay.bannerPlayBtn {
      width: 100%;
      left: 0;
      top: -20%;
    }

    .swiperBtnNew.mob-visible {
      display: inline-flex !important;
      width: 100%;
      flex-direction: row;
    }

    .inclassBox {
      max-width: 100%;
    }

    .ugSwati .masterPlay {
      left: 0;
      width: 100%;
      top: -90%;
      height: auto;
    }

    .concentration .box {
      width: 100%;
    }

    .curriculum .cravePathHeart {
      right: 3%;
      top: 80px;
    }

    .curriculum .highlightsec .circleHighlight::before {
      left: -13px;
      top: 12px;
      width: 133px;
    }

    .selectingStudents .cardsWrapper {
      flex-direction: column;
      gap: 0;
    }

    .selectingStudents {
      padding-top: 0;
    }

    .selectingStudents .card {
      width: 100%;
    }

    .aboutadmission .boxWrapper {
      flex-direction: column;
      gap: 30px;
    }

    .headingWrap {
      position: relative;
      gap: 0;
    }

    .investinFuture .learningRight .box {
      width: 100%;
      padding: 10px !important;
    }

    .mob-w70 {
      width: 70%;
    }

    .timelineprocess .headingsLeft {
      width: 75%;
    }

    .investinFuture {
      padding: 40px 0;
    }

    .selectingStudents .headingsLeft {
      width: 75%;
    }

    .mobabsolute {
      position: absolute;
      left: 79%;
      top: 30px;
    }

    .group {
      width: 100%;
    }

    .investinFuture .learningRight {
      max-width: 100%;
      margin-top: 0;
    }

    .collaboration .headingsLeft {
      width: 100%;
    }

    .recruiter .content-section {
      min-height: unset;
    }

    .learningmob {
      flex-direction: row !important;
      overflow: auto;
    }

    .missionleft .mainHeading {
      font-size: 3rem;
    }

    .learningmob .masterBox {
      min-width: 80%;
    }

    .collaboration .headingsRight {
      width: 100%;
    }

    .headingsLeft {
      width: 100%;
    }

    .collaboration {
      padding-bottom: 0;
    }

    .arrowouter {
      align-items: center;
      justify-content: space-between;
      margin-top: 20px;
      width: 30px;
      margin-bottom: 20px;
    }

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

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

    .careerjourney .navigationWrapper ul {
      padding: 20px;
    }

    .businessLeftBox li img {
      width: 14px;
    }

    .mobeventheld {
      display: flex !important;
      gap: 10px;
      align-items: center;
      justify-content: end;
      margin-top: 20px;
      width: 100%;
    }

    .mobeventheld img {
      width: 44px;
    }

    .header {
      width: 100%;
    }

    .select-form {
      margin-top: 20px;
      width: 100%;
    }

    /* .careerteam .headingSmall {
        font-size: 1.5rem;
    } */

    .course-roster .flexbox {
      flex-direction: column;
    }

    .careerteam {
      padding: 0 0 40px 0;
      background: var(--white);
    }

    .careertransition .flexbox {
      flex-direction: column;
      gap: 40px;
      align-items: baseline;
    }

    .transinner {
      width: 100%;
    }

    .headingsRight {
      text-align: unset;
    }

    .navigationWrapper {
      overflow-x: scroll;
      width: 100%;
    }

    .aboutadmission .boxWrapper .text-24 {
      font-size: 0.875rem;
    }

    .aboutadmission .iconButton {
      font: 0.875rem "go-semibold";
      padding: 12px 16px;
    }

    .aboutadmission .boxWrapper .box {
      padding: 30px 20px;
      min-height: unset;
    }

    .aboutadmission .boxWrapper .box>img {
      display: none;
    }

    .gradientButton button {
      font-size: 0.875rem;
      padding: 12px 16px;
    }

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

    .aboutadmission .mainHeading {
      font-size: 1.5rem;
      line-height: 150%;
    }

    .investimgbox .contentWrap {
      position: relative;
      top: 0px;
      margin: 0;
      padding: 32px 16px;
    }

    .box {
      width: 100%;
    }

    .sustaininner {
      width: 100%;
    }

    .sustainability .flexbox {
      flex-direction: column;
      gap: 25px;
    }

    .sustainability .gridBox {
      max-width: 100%;
    }

    .floatingLinksBoxWrap {
      top: 30%;
    }

    .missionleft {
      width: 100%;
    }

    .alignright .text-24 {
      font-size: 0.875rem;
    }

    .newclass .mainHeading::after {
      content: none;
    }

    .navigationWrapper ul {
      padding: 12px;
      gap: 30px;
      justify-content: space-around;
    }

    .bussinessclub.artCultureClub {
      padding-top: 45px !important;
    }

    .feeContainer .menuItems .menuItem.active::before {
      left: -50px;
    }

    .navigationWrapper {
      border-radius: 6px;
    }

    .mobMedical .navigationWrapper {
      margin-top: 40px;
    }

    .investinFuture .navigationBox {
      margin-bottom: 20px;
    }

    .investinFuture .courseName.active {
      padding: 0;
    }

    .gradientButton.whiteHover button {
      padding: 12px 12px;
    }

    .journeyStarts .gradientButton.whiteHover button {
      padding: 16px 32px;
    }

    .ughighlight .contenttxt {
      width: 100%;
    }

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

    .degreeLeft .gradientText {
      text-decoration: underline;
      line-height: 180%;
      position: relative;
    }

    .degreeLeft .gradientText::after {
      display: none;
    }

    .textGroup p {
      color: var(--grey);
    }

    .masterDesignation {
      font: 0.75rem "go-semibold";
      line-height: 140%;
      color: var(--black);
    }

    .beatingText {
      width: 100%;
      padding: 0;
      margin-top: 5px;
    }

    .collaboration .headingWrap {
      margin-top: 0;
      margin-bottom: 20px;
    }

    .newsSlide {
      margin-top: 20px;
    }

    .collaboration .text-28 {
      font-size: 1.125rem;
    }

    .newclass .contentWrapper .absoluteimg {
      top: 450px;
      left: 182px;
    }

    .missionright {
      width: 100%;
    }

    .newclass {
      padding: 60px 0;
    }

    .mission .flexbox {
      flex-direction: column;
      gap: 30px;
    }

    .mission {
      padding: 80px 0 0px;
    }

    .herobanner .flexbox {
      flex-direction: column;
    }

    .aboutheroleft {
      width: 100%;
    }

    .aboutheroright {
      width: 100%;
      gap: 30px;
    }

    .teachingwrapper .flexbox {
      flex-direction: column;
      gap: 30px;
    }

    .herobanner::after {
      display: none;
    }

    .teachingright {
      width: 100%;
    }

    .teachingleft {
      width: 100%;
    }

    .teachingwrapper .heroHeading {
      font-size: 2.75rem;
    }

    .teaching1heading .circleHighlight.big::before {
      top: -10px;
      width: 350px;
      left: -10px;
    }

    .teaching1heading .circleHighlight::before {
      top: -5px;
      width: 340px;
      left: -25px;
    }

    .careerplacement .flexbox {
      flex-direction: column;
      gap: 30px;
    }

    .careerplacement .box {
      width: 100%;
    }

    .component .flexbox {
      flex-direction: column;
      gap: 30px;
    }

    .component .box {
      width: 100%;
    }

    .termsouter .group {
      width: 100%;
    }

    .termsouter {
      padding: 40px 20px;
    }

    .content-section .flexbox {
      align-items: flex-start;
    }

    .highlightsec .heroWrapper {
      flex-direction: column;
      margin-top: 30px;
      gap: 30px;
    }

    .education .flexbox {
      flex-direction: column;
    }

    .edubox .masterImage {
      width: 100%;
    }

    .edubox .box2col {
      flex-direction: column;
    }

    .educationleft {
      width: 100%;
      position: relative;
      top: 0;
      margin-bottom: 60px;
    }

    .education .sticky {
      top: 65px;
    }

    .educationright {
      width: 100%;
    }

    .education .footerLinkRight {
      flex-direction: row;
    }

    .edubox .circleHighlight::before {
      /* top: -32px;
        left: -13px;
        width: 277px; */
      top: -31px;
      left: -28px;
      width: 290px;
    }

    .headingsRight {
      width: 100%;
    }

    .educationinner {
      background: url("https://files.mastersunion.link/resources/img/edurightbg.png");
      background-repeat: no-repeat;
      padding: 20px;
      border: 1px solid #3b3b3b;
      border-radius: 20px;
      width: 100%;
    }

    .highlightBanner .heading {
      font-size: 3rem;
    }

    .afterMuStudentLife .highlightsec {
      padding: 55px 0 !important;
      padding-top: 110px !important;
    }

    .highlightsec {
      padding-top: 70px !important;
      padding-bottom: 0 !important;
    }

    .reviewdetail .highlightsec {
      padding-bottom: 55px !important;
    }

    section.stickymenu .container {
      padding: 0;
    }

    .applynow .flexbox {
      flex-direction: column;
      gap: 30px;
    }

    .applyleft {
      width: 100%;
      margin-top: 50px;
    }

    .registerbox {
      width: 100%;
      row-gap: 20px;
      padding: 56px 20px;
      flex-direction: column;
    }

    /* .cravePathHeart {
        width: 100px;
    } */

    .masterlandingpage .meetMaster .mainHeading {
      min-width: max-content;
    }

    .meetMaster .headingsLeft .mainHeading {
      margin-top: 0;
    }

    .cardWraps {
      margin-top: 0;
    }

    .cardContent {
      min-height: 292px;
    }

    .founderLeft .headingsLeft {
      width: 100%;
    }

    .founderCXO.visible .founderRight {
      opacity: 1;
      transform: rotate(0deg);
    }

    .journey .navigationWrapper ul {
      gap: 40px;
    }

    .meetMaster .strike::after {
      top: 15px;
      height: 2px;
    }

    .meetMaster .headingsLeft {
      align-items: flex-start;
    }

    .form {
      width: 100%;
    }

    .registerbox::before {
      content: none;
    }

    .highlightsec .circleHighlight::before {
      left: -20px;
      top: 14px;
      width: 157px;
    }

    .masterlandingpage .anumniaSlider .headingsLeft {
      flex-direction: column-reverse;
      gap: 30px;
    }

    .masterlandingpage .anumniaSlider .mainHeading {
      width: 100%;
    }

    .footerHeading {
      font: 1rem "go-medium";
    }

    .overlayRightBotton {
      position: absolute;
      bottom: 0;
      right: 0;
    }

    .overlayLeftBotton {
      max-width: 100%;
    }

    .overlayMidVideo {
      min-height: 104px;
    }

    .commonOverlay {
      left: 5%;
      padding: 36px 20px;
      max-width: 338px;
    }

    .overlayedSwiper .swiper-button-next {
      width: 40px;
      right: 0;
      z-index: 1000;
    }

    .overlayedSwiper .swiper-button-prev {
      width: 40px;
      left: 0;
      z-index: 1000;
    }

    .overlayedSwiper::after {
      left: 5.9%;
      border: 9px solid #000000;
      width: 85%;
      height: 95%;
      top: -7px;
    }

    .recuiterWrap {
      background-repeat: no-repeat;
      background-size: cover;
    }

    .recuiterWrap:after {
      content: unset;
    }

    .cardWrapper {
      flex-direction: column;
      gap: 150px;
    }

    .gradientCard {
      min-height: unset;
      min-width: unset;
    }

    /* .beatingMid {
        line-height: 7;
    } */

    /* 
    .beatingHearts .cravePathHeart {
        right: 20px;
    } */

    .playIcon img {
      max-width: 50px;
    }

    .socialLinkBold {
      font-size: 1rem;
    }

    .animStroke {
      top: 441px;
      width: 42%;
      transform: rotate(102deg);
    }

    .downloadText {
      width: 47%;
      font-size: 0.75rem;
    }

    .muLinks {
      font-size: 1rem;
      font-family: "go-regular";
      padding: 15px 0;
      border-top: 1px solid var(--black5) !important;
    }

    .opprDesignation {
      font-size: 1rem;
    }

    .commonOverlay .overlayText {
      width: 100%;
      font-size: 0.875rem;
    }

    .downloadStore {
      width: 28%;
    }

    .learningLeft {
      padding-top: 0;
    }

    .heroSection .heroRightButtons {
      flex-direction: row;
    }

    .heroSection .circleHighlight::before {
      left: -12px;
      top: -7px;
      width: 150px;
    }

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

    .edubox .heroHeading:first-child {
      padding: 0;
      text-align: center;
    }

    .edubox .circleHighlight {
      padding: 0;
      margin: 0;
    }

    /* 
    .edubox .teaching1heading {
        margin-top: 20px;
    } */

    .text-20 {
      font-size: 1rem;
    }

    .AnimcardText {
      padding: 16px;
    }

    .content-section .flexbox {
      gap: 20px;
      margin-top: 0;
    }

    .terms .rightCard {
      transform: rotate(0deg);
    }

    .classouter {
      padding: 12px;
    }

    .terms .rightCard {
      padding: 20px 12px;
    }

    section {
      padding: 60px 0;
      /*mobile responsive*/
    }

    .stickymenu {
      padding: 0 !important;
    }

    .aboutadmission .greybg {
      background: url("https://files.mastersunion.link/resources/img/greycardBgMob.png");
      background-repeat: no-repeat;
      background-position: right;
      background-size: cover;
    }

    .mobVisible {
      display: block;
      width: 100%;
    }

    .main-section {
      padding: 0 !important;
    }

    .gradiantSection {
      padding: 0 !important;
    }

    .inclassSessionContainer {
      flex-direction: column;
    }

    .inclassSessionContainerCenter {
      order: 1;
    }

    .inclassSessionContainerLeft {
      order: 2;
    }

    .inclassSessionContainerRight {
      order: 3;
      display: none;
    }

    .guestSessionContainer {
      flex-direction: column;
    }

    .guestSessionLeft {
      flex-direction: column-reverse;
    }

    .guestMobContainer {
      width: 100%;
    }

    .lunchBreakSection .header {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 16px;
    }

    .scrollDiv {
      margin-left: 20px;
    }

    .marquee {
      animation: marquee 10s linear infinite;
    }

    .pgphighlight .heroRightButtons {
      margin-top: 0;
      padding-left: 0;
    }

    .highlightBanner .boxWrapper {
      padding: 0;
      justify-content: center;
      align-items: center;
    }

    .highlightBanner .boxWrapper .box {
      width: 60%;
      gap: 8px;
    }

    .meetopportunity .mainHeading {
      font-size: 1.5rem;
      font-family: "go-extrabold";
    }

    .mob-mt-0 {
      margin-top: 0;
    }

    .mob-mt-15 {
      margin-top: 15px;
    }

    .vibrantcomm .text-18 {
      color: var(--grey8);
    }

    .vibrantcomm .cardsWrapper {
      margin-top: 48px;
    }

    .navigationWrapper {
      margin-top: 30px;
      margin-bottom: 20px;
    }

    .content-section .content .faqquestionWrap:last-child {
      margin-bottom: 0;
    }

    .mob-mt-30 {
      margin-top: 30px;
    }

    .pgphighlight .boxiHeading {
      font-family: "go-medium";
    }

    .careerjourney .navigationWrapper ul {
      justify-content: flex-start;
      align-items: center;
    }

    .terms .lottieBoxes {
      margin-top: 24px;
    }

    .lottieBoxes .innerBox {
      width: 100%;
    }

    .lottieBoxes .innerBox .box2col {
      width: 100%;
      margin-bottom: 8px;
      justify-content: space-between;
    }

    .lottieBoxes .innerBox img {
      width: 24px;
    }

    .course-roster .box2col {
      flex-direction: column;
      gap: 10px;
      justify-content: flex-start;
      align-items: flex-start;
    }

    .course-roster .box2col .select-form {
      margin-top: 0;
      width: 100%;
    }

    .course-roster .box2col .select-form .custom-select {
      width: 100%;
      max-width: 100%;
      padding: 8px 12px;
    }

    .selectingStudents .headingsLeft {
      width: 100%;
    }

    .selectingStudents .card .mainHeading {
      font-size: 1.5rem;
      letter-spacing: 0;
      font-family: "go-semibold";
      text-transform: capitalize;
    }

    .selectingStudents .card img {
      margin: 0;
    }

    .selectingStudents .contentWrap {
      margin-top: 35px;
      gap: 10px;
    }

    .aboutadmission .boxWrapper {
      padding: 0;
    }

    .feeProcessContainer .leftSection {
      display: none;
    }

    .feeProcessContainer .rightSection {
      width: 100%;
    }

    .mob-mt-16 {
      margin-top: 16px;
    }

    .mob-mb-8 {
      margin-bottom: 8px;
    }

    .masterflex .lineSpace {
      margin: 0;
      padding: 0;
    }

    .procedureImg {
      width: 40px;
      height: 40px;
    }

    .procedureImgGrad {
      width: 40px;
      height: 40px;
    }

    #growingDiv {
      left: 8% !important;
    }

    .feeProcessContainer .rightSection {
      gap: 8px;
    }

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

    .mobHeader .heading {
      font-size: 1.25rem;
      font-family: "go-semibold";
    }

    .mobHeader .number {
      font-size: 1.25rem;
      background: var(--masters-union-gradients-1,
          linear-gradient(180deg, #39b6d8 0%, #f7d344 50%, #e38330 100%));
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-family: "go-semibold";
    }

    .feeProcessContainer .rightSection .body {
      gap: 12px;
    }

    .feeBox .header .heading {
      font-size: 16px !important;
    }

    .feeBox .header {
      padding: 16px 12px;
    }

    .feeBox .body {
      padding: 10px;
    }

    .maxcontent {
      text-align: justify;
    }

    .custom-select {
      max-width: 100%;
    }

    .feeBox .announcementBox {
      flex-direction: column;
      padding: 12px;
      gap: 5px;
      justify-content: flex-start;
      align-items: flex-start;
    }

    .feeBox .announcementBox p {
      font-size: 0.75rem;
      font-family: "go-medium";
    }

    .rightSection .body .header .heading {
      font-size: 0.875rem;
    }

    .feeBox .detailsList .listItem {
      font-size: 0.75rem;
    }

    .feeBox .subHeading {
      font: 0.875rem "go-semibold";
      color: var(--black5);
    }

    .detailsList .list li {
      font: 0.813rem "go-regular";
      color: var(--grey18);
    }

    .feeBox .detailsList .text {
      font-size: 0.75rem;
    }

    .feeBox .detailsList .heading {
      font-size: 0.875rem;
    }

    .feeBox .header img {
      width: 20px;
      height: 20px;
    }

    .feeBox .announcementBox img {
      width: 24px;
      height: 24px;
    }

    .feeProcessContainer {
      margin-bottom: 48px;
    }

    .feeProcessContainer .rightSection::before {
      height: 120%;
      left: 4.5%;
    }

    #growingDiv {
      top: 40px;
    }

    .investinFuture .learningWrap mt60 {
      margin-top: 26px;
    }

    .investinFuture .learningWrap mt60 {
      margin-top: 20px;
    }

    .box .mainHeading {
      font-size: 1.125rem;
    }

    .learningRight .text-16 {
      font-size: 0.875rem;
      margin-top: 12px;
    }

    .careerplacement .text-18 {
      font-size: 0.875rem;
    }

    .heading80 {
      font-size: 3rem;
      font-family: "go-regular";
    }

    .careerplacement .lineSpace {
      padding: 0;
    }

    .mob-mb-16 {
      margin-bottom: 15px;
    }

    .cohort .text-24 {
      font-size: 0.875rem;
    }

    .cohort .flexbox {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 30px;
      width: 100%;
    }

    .mob-mt-0 {
      margin-top: 0;
    }

    .ctcsection .contentNew {
      overflow: auto;
    }

    .ctcsection .contentNew img {
      max-width: max-content;
      width: max-content;
    }

    .mob-mt-12 {
      margin-top: 12px;
    }

    .transbox {
      padding: 16px 0;
      width: 100%;
      padding-left: 0 !important;
    }

    .transbox .text-18 {
      font-size: 0.875rem;
    }

    .transinner {
      border: none;
    }

    .masterinner {
      padding: 0;
    }

    .transinner:last-child .flexbox,
    .transbox {
      padding-left: 0px !important;
    }

    .mob-pt-0 {
      padding-top: 0 !important;
    }

    .masterinner .flexbox {
      gap: 10px;
      justify-content: space-between;
    }

    .placementWrap .RightBoxi,
    .placementWrap .leftBoxi {
      padding: 0 0;
    }

    .pgpcohort .placementWrap {
      padding-bottom: 0;
    }

    .pgpcohort .boxiBox .boxiHeading {
      font-size: 1.25rem;
      font-family: "go-semibold";
    }

    .industrybg.highlightBanner {
      padding: 24px 16px;
    }

    .industrybg.highlightBanner .text-32 {
      font-size: 1.5rem;
      font-family: "go-semibold";
    }

    .pgpcohort .highlightBanner .boxWrapper {
      padding: 24px;
      gap: 30px;
      justify-content: space-between;
    }

    .pgpcohort .highlightBanner .boxWrapper .box {
      width: 45%;
    }

    .educationinner {
      padding: 16px;
    }

    .educationinner img {
      margin-bottom: 8px;
    }

    .mob-mt-10 {
      margin-top: 10px;
    }

    .vibrantcomm .text-18 {
      font-size: 0.875rem;
      margin-top: 15px;
    }

    .vibrantcomm .cardsWrapper .flexbox {
      bottom: 25px;
      justify-content: space-between;
      padding: 0 20px;
    }

    .vibrantcomm .cardsWrapper .flexbox img {
      width: 24px;
      height: 24px;
    }

    .packageouter {
      padding: 20px;
    }

    .font-28 {
      font-size: 22px;
    }

    .intheNewsSlider .box {
      height: 100%;
    }

    .intheNewsSlider .box img {
      height: 100%;
      width: 100%;
    }

    .placementRight .boxiBox {
      padding: 24px 16px;
    }

    .placementRight .boxiBox .boxiHeading {
      font-size: 20px;
      font-family: "go-semibold";
    }

    .placementRight .boxiBox .boxiData {
      font-size: 0.875rem;
      margin-top: 4px;
    }

    .pgpcohort .boxiBox .boxiHeading small {
      font: 1rem "go-bold";
    }

    .terms .rightCard .mainHeading {
      font-size: 2.5rem;
      margin-top: 0;
      text-align: center;
      margin-left: 0;
    }

    .careerjourney .rightCard .box2col {
      width: 100%;
      margin-bottom: 8px;
      justify-content: space-between;
    }

    .careerjourney .rightCard .box2col img {
      width: 24px;
    }

    .ceochallenge .box {
      padding: 0;
    }

    .ceochallenge .box .mainHeading {
      font-size: 1.5rem;
      margin-bottom: 20px;
    }

    .ceochallenge .masterleft .box2col {
      justify-content: flex-start;
      align-items: flex-start;
    }

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

    .ctcsection .content {
      overflow: auto;
    }

    .ctcsection .content img {
      max-width: unset;
      width: 71rem;
      padding-bottom: 20px;
    }

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

    .educationJourney .boxwrapper .left {
      width: 100%;
    }

    .educationJourney .boxwrapper .right {
      width: 100%;
    }

    .workwithus .heroWrapper .left {
      width: 100%;
    }

    .educationJourney.newjourney .boxwrapper .left {
      width: 100%;
    }

    .educationJourney .boxwrapper .text-16 {
      font-size: 0.875rem;
    }

    .mainHeading {
      letter-spacing: normal;
    }

    .workwithus .educationJourney.becomeMaster .mainHeading {
      width: 100%;
      font-size: 1.5rem;
    }

    .workwithus .educationJourney.becomeMaster .boxwrapper .left {
      width: 100%;
    }

    .workwithus .educationJourney.becomeMaster .mastersList {
      gap: 30px;
    }

    .workwithus .educationJourney.becomeMaster .heading {
      font-size: 1.125rem;
    }

    .workwithus .educationJourney.becomeMaster .text {
      font-size: 0.875rem;
    }

    .text-18 {
      font-size: 0.875rem;
    }

    .newclass .contentWrapper .absoluteimg {
      top: 270px;
      left: 67%;
      z-index: -1;
    }

    .newclass .contentWrapper .text-18 {
      margin-top: 24px;
    }

    .medical .headingsRight {
      display: none;
    }

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

    .workwithus .newclass .navigationWrapper {
      margin-top: 40px;
    }

    .workwithus .medicalWrap {
      flex-direction: column;
    }

    .medileft {
      width: 100%;
    }

    .mediright {
      width: 100%;
    }

    .medileft .text-32 {
      font-size: 1.5rem;
    }

    .medical .text-16 {
      font-size: 0.875rem;
      line-height: 140%;
      margin-top: 8px;
    }

    .mob-mt-8 {
      margin-top: 8px;
    }

    .medical .lineSpace {
      margin-top: 32px;
      padding: 0px;
      margin-bottom: 32px;
    }

    .educationJourney .subtext {
      font-size: 0.875rem;
      margin-top: 16px;
      margin-bottom: 32px;
      padding: 0;
    }

    .educationJourney .boxwrapper {
      gap: 30px;
    }

    .becomeamaster .educationJourney .mastersList {
      gap: 20px;
    }

    .becomeamaster .educationJourney .heading {
      font-size: 1.125rem;
    }

    .becomeamaster .educationJourney .text {
      font-size: 0.875rem;
    }

    .becomeamaster .educationJourney .mastersList li {
      gap: 16px;
    }

    .careerPotential .educationJourney .contentWrap h5 {
      font: 1rem "go-semibold";
    }

    .careerPotential .educationJourney .contentWrap p {
      font: 0.813rem "go-regular";
    }

    .becomeamaster .educationJourney .mastersList li img {
      width: 40px;
      height: 40px;
    }

    .highlightBanner .heading {
      font-size: 3rem;
      font-family: "go-medium";
    }

    /* .highlightBanner span {
        font-size: 2rem;
        font-family: 'go-medium';

    } */

    .masterbanner .Wrapper {
      width: 100%;
    }

    .masterbanner {
      background-position: center;
    }

    .masterbanner .text-16 {
      font-size: 0.75rem;
      line-height: 160%;
    }

    .highlightsec .heroWrapper {
      padding-top: 0;
      align-items: flex-start;
    }

    .highlightsec .heroRightButtons.mt40 {
      margin-top: 0;
    }

    .reviewdetail .heroWrapper .left {
      width: 100%;
    }

    .reviewWrapper .left {
      width: 100%;
    }

    .reviewWrapper .right {
      position: unset;
    }

    .reviewdetail .contentwrap {
      margin-top: 20px;
      margin-bottom: 10px;
    }

    .reviewdetail .reviewWrapper {
      flex-direction: column-reverse;
      gap: 30px;
    }

    .reviewWrapper .subText {
      font: 0.813rem "go-regular";
      color: var(--grey9);
    }

    .reviewWrapper h3 {
      font: 1.25rem "go-semibold";
    }

    .reviewtext {
      font-size: 0.875rem;
      line-height: 160%;
    }

    .reviewbox .text-18 {
      font-size: 1rem;
    }

    .mob-mt-40 {
      margin-top: 40px;
    }

    .moreblog .listcard {
      width: 100%;
    }

    .moreblog .listcardsWrapper {
      flex-wrap: unset;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      overflow: visible;
      width: 100%;
    }

    .listCardWrapperOuter {
      width: 100%;
      overflow: auto;
    }

    /* 
    .eventsMU .swiper-wrapper {
        padding: 15px;
    } */

    .creambg .headingsLeft {
      width: 100%;
    }

    .creambg .headingsRight {
      display: none;
    }

    .hostelSection .headingsRight {
      display: none;
    }

    .listingpage .highlightsec {
      padding-bottom: 80px !important;
      padding-top: 110px !important;
    }

    .rightSection .subContent {
      font: 0.813rem "go-regular";
    }

    .master-table th {
      padding: 15px;
    }

    .master-table.applicationprocessWrap td {
      text-wrap: nowrap;
      font: 0.813rem "go-medium" !important;
    }

    .master-table td {
      padding: 15px !important;
    }

    .master-table.applicationprocessWrap th {
      padding: 12px;
      vertical-align: middle;
    }

    .master-table {
      font-family: "go-regular";
      width: max-content !important;
    }

    .master-table.applicationprocessWrap th {
      font: 0.75rem "go-medium";
      color: var(--black5);
    }

    .master-table.applicationprocessWrap th {
      font: 0.75rem "go-medium";
      color: var(--black5);
    }

    .vibrantcomm .cardsWrapper .box {
      width: 100%;
      max-width: 100%;
    }

    .investimgbox .investimgboxWrap {
      top: 80px;
      height: max-content;
    }

    .terms .leftCard::after {
      display: none;
    }

    .mobImgScrollView {
      overflow: auto;
    }

    .mobImgScrollView img {
      max-width: max-content;
      width: max-content;
    }

    .industrybg .box .mainHeading {
      font-size: 2rem;
    }

    .industrybg .box .mainHeading span {
      font-size: 20px !important;
    }

    .pgphighlight .highlightsec {
      padding-top: 110px !important;
    }

    .investimgboxWrap .box {
      margin: 0;
    }

    .ourteambanner {
      background-position: center;
      background-size: cover;
      padding: 30px 20px;
      background: var(--white);
    }

    .joinOurTeam {
      padding: 20px 0 !important;
    }

    .joinOurTeam .ourteambanner {
      padding: 30px 20px;
      min-height: auto;
      /* min-height: 378px; */
      background: url("https://files.mastersunion.link/resources/svg/workBanner.svg") var(--white);
      background-repeat: no-repeat;
      background-position: bottom;
      background-size: contain;
    }

    .mobMenuOuter {
      display: flex;
      width: 100%;
      background: var(--black);
      position: fixed;
      height: 100vh;
      top: 0;
      justify-content: flex-start;
      align-items: flex-start;
      flex-direction: column;
      left: -100%;
      transition: 0.5s ease;
    }

    .mobMenuOuter.active {
      left: 0;
    }

    .mobMenuHeader {
      padding: 16px 20px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
    }

    .mobMenuBody {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      /* gap: 32px; */
      width: 100%;
      padding: 0 15px 15px;
      overflow-y: auto;
      height: calc(100vh - 73px);
    }

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

    .mobMenuItem {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      width: 100%;
      padding: 16px 16px;
      transition: 0.4s ease;
      gap: 24px;
      position: relative;
      border-radius: 12px;
    }

    .mobMenuItem.active {
      background: var(--black4);
      border-radius: 8px;
    }

    .mobMenuItemHeader .heading {
      font-size: 0.875rem;
      color: var(--white);
      font-family: "go-medium";
      transition: 0.4s ease;
      text-transform: uppercase;
    }

    .mobMenuItemBody {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      width: 100%;
      gap: 32px;
      position: relative;
    }

    .mobMenuItemBody .bodyBox {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      width: 100%;
      gap: 12px;
    }

    .bodyBox .heading {
      font-size: 0.75rem;
      text-transform: uppercase;
      color: var(--grey8);
    }

    .mobMenuItemBody .links {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      width: 100%;
      gap: 16px;
    }

    .links .link {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      gap: 10px;
      align-items: flex-start;
      width: 100%;
      transition: 0.3s ease;
    }

    .links .link img {
      display: none;
    }

    .links .link:hover img {
      display: block;
    }

    .links .link .linkText {
      font-size: 0.875rem;
      color: var(--white);
      transition: 0.3s ease;
    }

    .links .link:hover .linkText {
      font-style: italic;
      text-decoration: underline;
    }

    .mobMenuItem.active .mobMenuItemHeader .heading {
      background: linear-gradient(90deg,
          #39b6d8 4.12%,
          #f7d344 52.06%,
          #e38330 100%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .mobMenuItem .mobMenuItemHeader .togglerDown {
      display: block;
    }

    .mobMenuItem .mobMenuItemHeader .togglerUp {
      display: none;
    }

    .mobMenuItem.active .mobMenuItemHeader .togglerDown {
      display: none;
    }

    .mobMenuItem.active .mobMenuItemHeader .togglerUp {
      display: block;
      transform: rotate(180deg);
      transition: 0.4s ease-in-out;
    }

    .mobMenuItem .gradientBorder {
      display: none;
    }

    .closeIcon {
      padding-inline: 18px;
      width: 19%;
    }

    .mobMenuItem.active .gradientBorder {
      display: block;
    }

    .hamburger {
      display: flex;
      width: 20%;
      padding-inline: 22px;
    }

    #header.height {
      height: 100%;
    }

    .about .herobanner .text-3 {
      font-size: 0.875rem;
      line-height: 140%;
    }

    .aboutheroleft .heroHeading {
      font-size: 2rem;
      margin-bottom: 30px;
    }

    .about .herobanner .masterPlay {
      left: 0;
      top: 0;
    }

    .about .herobanner .masterPlay .absoluteimg {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
    }

    .aboutheroleft img {
      float: right;
    }

    .about .teachingwrapper .teachingleft {
      width: 100%;
    }

    .teachingwrapper .heroHeading {
      font-size: 2rem;
      margin-bottom: 0;
    }

    .teachingwrapper .flexbox {
      gap: 16px;
    }

    .teachingwrapper .text-18 {
      font-size: 0.875rem;
      color: var(--grey8);
    }

    .teachingwrapper .text-18 b {
      font-family: "go-medium";
      font-weight: 300;
    }

    .teachingwrapper .masterPlay img {
      position: absolute;
      /* top: -100px; */
    }

    .numberimg {
      position: absolute;
      left: 0px;
      top: -150px;
    }

    .teachingwrapper .lineSpace {
      margin-top: 30px;
      padding-top: 50px;
    }

    .missionLeft,
    .missionCenter,
    .missionRight {
      max-width: 100%;
    }

    .greybox .contentWrapper {
      display: flex;
      flex-direction: column-reverse;
      gap: 20px;
    }

    .img2 {
      top: -30px !important;
    }

    .img3 {
      position: absolute;
      left: 0px !important;
      top: -120px !important;
    }

    .mob-mb-40 {
      margin-bottom: 40px;
    }

    .mob-mt-24 {
      margin-top: 24px;
    }

    .highlightsec .circleHighlight::before {
      display: none;
    }

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

    .mob-mt-20 {
      margin-top: 20px;
    }

    .timelinewrapper {
      width: 100%;
    }

    /* .abouttimeline .flexbox {
        display: none !important;
    } */

    .yearBox {
      display: flex;
      /* flex-direction: column; */
      justify-content: space-between;
      align-items: flex-start;
      width: 100%;
      gap: 10px;
      position: relative;
    }

    .yearBox .header {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      gap: 12px;
    }

    .yearBox .header .year {
      font-size: 1rem;
      color: var(--grey6);
    }

    .yearBox .body {
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      gap: 12px;
      /* padding-left: 50px; */
      width: 100%;
    }

    .yearBox .contentBox {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 12px;
    }

    .yearBox .contentBox .heading {
      font-size: 0.875rem;
      font-family: "go-regular";
      color: var(--white);
    }

    .yearBox .contentBox .list {
      display: flex;
      list-style: disc;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 5px;
      padding-left: 15px;
    }

    .yearBox .contentBox .listItem {
      font-size: 0.75rem;
      color: var(--grey13);
    }

    .yearBox .leftSection,
    .yearBox .rightSectio {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 5px;
    }

    .yearBox .leftSection {
      justify-content: flex-start;
      align-items: flex-end;
      width: 20%;
    }

    .yearBox .rightSection {
      width: 80%;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      gap: 5px;
      flex-direction: column;
    }

    .yearBox .leftSection .body {
      justify-content: flex-end;
    }

    .yearBox .leftSectionOuter {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      width: 20%;
    }

    .course-roster .breadcrumb {
      margin-bottom: 20px;
    }

    .course-roster .text-16 {
      font-size: 0.875rem;
    }

    .course-roaster .custom-select {
      max-width: 100%;
    }

    .courseRoster-selectCaret {
      right: 15px;
      bottom: 28%;
    }

    .stickyCourseRoaster {
      position: unset;
      background: none;
      padding: 0;
      margin-bottom: 15px;
    }

    .fixed-row {
      position: unset;
    }

    .rightSectionDynamicElement {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 20px;
      transition: 0.4s;
    }

    .noStickyMob {
      position: relative;
      top: auto !important;
    }

    .applicationTableWrap {
      overflow: auto;
      padding-bottom: 20px;
    }

    .pgphighlight .investimgbox .investimgboxWrap {
      position: relative;
      top: 0;
      /* margin-top: -30px; */
    }

    .selectingStudents .cardsWrapper .gridBox {
      min-height: 300px;
      min-width: 90%;
    }

    .pgphighlight .selectingStudents .cardsWrapper .gridBox {
      min-height: 340px;
      min-width: 100%;
    }

    .selectingStudents .cardsWrapper .floatDetails,
    .selectingStudents .cardsWrapper .overLayDetail {
      min-height: inherit;
    }

    .pgphighlight .curriculum .lottieBoxes .innerBox p br {
      display: none;
    }

    .collaboration .box {
      max-width: 50%;
      width: 100%;
    }

    .transbox .box2col {
      gap: 25px;
    }

    .pgpSustainSubHeading {
      margin-top: 40px;
    }

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

    .vibrantcomm .cardsWrapper .gridBox {
      max-width: 100%;
    }

    .ughighlight .leftBoxi,
    .ughighlight .RightBoxi {
      gap: 10px;
    }

    .mob-mb-0 {
      margin-bottom: 0;
    }

    .yearheading {
      padding-top: 0;
      padding-bottom: 20px;
    }

    .ughighlight .investimgbox .investimgboxWrap {
      position: relative;
      top: 0;
      margin-top: -30px;
    }

    .investinFuture .investimgbox {
      top: 40px !important;
    }

    .mob-pb-10 {
      padding-bottom: 0 !important;
    }

    .mob-mt-0 {
      margin-top: 0 !important;
    }

    .informationWrapper {
      padding: 20px 10px 40px;
      flex-wrap: wrap;
      gap: 20px;
      flex-direction: column;
      align-items: flex-end;
      position: relative;
      margin-top: 20px;
      font: 0.813rem "go-regular";
      line-height: 160%;
    }

    .ughighlight .pgpMapSustain {
      background: var(--white);
      padding: 0;
    }

    .ugGlimpses .left p {
      color: var(--grey15);
      line-height: 160%;
    }

    .informationWrapper img {
      position: absolute;
      bottom: 15px;
    }

    .informationWrapper>p {
      width: 100%;
    }

    .cohortwrapper .box2col {
      /* max-width: calc(50% - 15px); */
      width: 100%;
    }

    .cohortwrapper .box2col>img {
      width: 100%;
      max-width: 76px;
    }

    .cohortwrapper .box {
      width: 100%;
    }

    .content-section .flexbox>p {
      width: 100%;
    }

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

    .ugcareerprospect .cohortwrapper .box2col {
      max-width: 100%;
    }

    .ugcareerprospect .cohortwrapper .box2col>img {
      width: auto;
    }

    .futureReadyWrap .txtgroup>p {
      /* display: flex; */
      align-items: center;
      justify-content: flex-start;
      gap: 10px;
    }

    .ugcareerprospect .futureGroup {
      width: 100%;
      align-items: flex-start;
      justify-content: flex-start;
      flex-wrap: wrap;
      flex-direction: row;
    }

    .ugcareerprospect .futureGroup>img {
      max-width: 40px;
    }

    .ugcareerprospect .futureGroup .txtgroup {
      max-width: 80%;
    }

    .ugadmisison .ugbannerWrap .contenttxt {
      top: 30px;
    }

    .ugadmisison .ugbannerWrap {
      background-position: bottom;
      background-position-x: right;
    }

    .ugbannerWrap {
      position: relative;
      padding: 20px;
      background-position: 100% 0%;
      background-size: 180%;
      width: 100%;
      min-height: 430px;
      align-items: end;
      display: flex;
    }

    .aboutUGProgram {
      background: url("https://files.mastersunion.link/resources/img/blackbgSvg.webp") var(--black);
      background-repeat: no-repeat;
      background-position: left;
      background-position-y: top;
    }

    .networkingbox .heading {
      font: 0.875rem "go-semibold";
    }

    .ugbannerWrap .contenttxt {
      width: 100%;
    }

    .topCountBox {
      padding-bottom: 32px;
      margin-bottom: 32px;
    }

    .companiesWrap .report {
      display: block;
      min-width: 80px;
    }

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

    .newFaqText {
      max-width: 50%;
    }

    .engagementsAtUnion .toggler {
      max-width: 32px;
    }

    .engagementsAtUnion .faqanswer {
      margin-top: 10px;
    }

    .spaceBreaker {
      margin-bottom: 15px;
    }

    .teachingHeadWrap.collaboration .headingWrap {
      width: 100%;
    }

    .companiesFlexWrap {
      flex-wrap: wrap;
      gap: 30px;
    }

    .contentCover {
      margin-bottom: 0px;
    }

    .companiesFlexLeft {
      max-width: 100%;
    }

    .contentCover:not(:last-child)::before {
      left: 5%;
      top: 30px;
    }

    .contentCover:not(:first-child) {
      margin-top: 50px;
    }

    .companiesFlexRight {
      max-width: 100%;
    }

    .headingFlexing {
      flex-wrap: wrap;
      gap: 12px;
      margin-bottom: 25px;
    }

    .headingFlexing h2 {
      max-width: 100%;
    }

    .headingFlexing p {
      max-width: 100%;
    }

    .mutipleFormWrappper .navigationWrapper {
      margin-bottom: 0;
    }

    .mutipleFormWrappper .formsWraps {
      margin-top: 35px;
      flex-wrap: wrap;
    }

    .mutipleFormWrappper .applyleft {
      margin-top: 0;
      margin-bottom: 35px;
    }

    .mutipleFormWrappper .registerbox {
      padding: 30px 20px;
    }

    .muAfterHomepage .pathwrapper .left,
    .muAfterHomepage .pathwrapper .right {
      width: 100%;
    }

    .clubbox .lineSpace {
      margin-top: 10px;
      padding-top: 10px;
    }

    .muAfterHomepage .reviews {
      flex-wrap: wrap;
      flex-direction: column-reverse;
    }

    .muAfterHomepage .reviews .reviewBox {
      width: 100%;
    }

    .muAfterHomepage .reviews .swiperContainer {
      width: 100%;
    }

    .muAfterHomepage .reviewSwiper .imageCard.swiper-slide-active {
      width: 370px !important;
      height: 100%;
    }

    .muAfterHomepage .reviewBox .border {
      border-color: var(--grey13);
      margin: 15px 0;
    }

    .cityWrapper {
      margin-top: 40px;
      gap: 60px;
      row-gap: 50px;
      justify-content: flex-start;
    }

    .cityWrapper .clubbox {
      max-width: calc(40% - 25px);
      width: 100%;
    }

    .muAfterHomepage .newAchievements .headingWrap {
      flex-wrap: wrap;
      gap: 20px;
    }

    .muAfterHomepage .newAchievements .headingsLeft .mainHeading {
      width: 100%;
    }

    .muAfterHomepage .newAchievements .headingsLeft,
    .muAfterHomepage .newAchievements .headingsRight {
      width: 100%;
    }

    .muAfterHomepage .newAchievements .headingsRight {
      justify-content: flex-start;
    }

    .achieveTop {
      gap: 15px;
      margin-top: 25px;
    }

    .topAchieveLeft,
    .topAchieveRight {
      max-width: 100%;
    }

    .achieveContent {
      padding: 15px;
    }

    .topAchieveRight {
      padding: 100px 15px 15px;
    }

    .achieveBottom {
      margin-top: 15px;
      margin-left: 0;
      flex-wrap: wrap;
    }

    .muAfterHomepage .cohortwrapper .box2col>img {
      width: 100%;
      height: 90px;
      object-fit: cover;
      border-radius: 10px;
      overflow: hidden;
      object-position: center;
    }

    .muAfterHomepage .cohortwrapper .eventTag {
      padding: 0;
      background: transparent;
    }

    .muAfterHomepage .spotlightSlider {
      margin-top: 140px;
    }

    .muAfterHomepage .highlightsec {
      padding: 100px 0 55px !important;
      align-items: flex-end;
    }

    .careerBoxWraps {
      margin-top: 40px;
    }

    .stickBreaker {
      max-height: 75px;
    }

    .muafterCareer .myafterCareer {
      flex-wrap: wrap;
    }

    .muafterCareer .careerplacement .mainHeading {
      width: 100%;
    }

    .muafterCareer .careerplacement .flexbox {
      margin-top: 40px;
    }

    .muafterCareer .cohort .report {
      max-width: 50%;
    }

    .muafterCareer .cohort .report:first-child {
      display: block;
      width: 100%;
    }

    .cohorttab .navigationWrapper ul {
      justify-content: space-around;
    }

    .reportWrap {
      width: 100%;
      justify-content: flex-start;
      margin-top: 10px;
    }

    .reportWrap .report {
      display: block;
      width: 100%;
      max-width: 100% !important;
    }

    .reportWrap .report>img {
      width: 100%;
    }

    .muafterCareer .placementLeader .masterBox {
      margin-bottom: 20px;
    }

    .muafterCareer .cohortwrapper {
      margin-top: 30px;
      flex-wrap: wrap;
      max-height: 400px;
    }

    .muafterCareer .cohortwrapper .box2col {
      min-width: calc(95% - 10px);
      flex-direction: row;
    }

    .muafterCareer .cohortwrapper .box2col>img {
      width: auto;
    }

    .muafterCareer .aftercarerrbanner .mainHeading {
      width: 100%;
    }

    .muafterCareer .aftercarerrbanner .ourteambanner .headingsRight {
      display: none;
    }

    .muafterCareer .careerInitiative .header {
      margin-top: 40px;
      flex-wrap: wrap;
      gap: 15px;
    }

    .muafterCareer .careerInitiative .header p:first-child,
    .muafterCareer .careerInitiative .header p:last-child {
      width: 100%;
    }

    .pgphighlight.homepage.muafterCareer .faqquestionWrap {
      padding: 15px 10px;
    }

    .muafterCareer .faqquestionWrap {
      padding: 15px 0;
    }

    .faqquestionWrap2 {
      padding: 15px;
    }

    .faqquestionWrap2 img {
      width: 24px;
      height: auto;
    }

    .inovationhomepage .finWrapper {
      flex-wrap: wrap;
    }

    .finWrapper .left,
    .finWrapper .right {
      width: 100%;
    }

    .finWrapper .right {
      margin-top: 100px;
    }

    .arrowToFloat {
      position: absolute;
      left: 50%;
      top: 61%;
      z-index: 9;
      transform: rotate(105deg);
      width: 200px;
    }

    .inovationhomepage .highlightsec {
      background-position: 85%;
    }

    .innovationSlider {
      margin-top: 40px;
    }

    .innovationSlide {
      flex-wrap: wrap;
      padding: 15px;
    }

    .innovationSlide .eventImg {
      width: 100%;
      height: 110px;
      overflow: hidden;
    }

    .innovationSlide .eventData {
      width: 100%;
    }

    .innovationSlide .downloadApp {
      justify-content: space-between;
    }

    .inovationhomepage .innovationHomeSlider {
      padding: 80px 0 340px !important;
    }

    .innovationHomeSlider .keyInvestors {
      flex-wrap: wrap;
      gap: 40px;
    }

    .innovationHomeSlider .overlayedSwiper {
      margin-top: 180px;
    }

    .innovationHomeSlider .overlayBottom {
      margin-top: 70px;
    }

    .innovationHomeSlider .overlayedSwiper::after {
      left: 5.6%;
    }

    .inovationhomepage .vipchallenge .headingWrap {
      flex-wrap: wrap;
      gap: 30px;
    }

    .inovationhomepage .vipchallenge .headingsLeft,
    .inovationhomepage .vipchallenge .headingsLeft {
      width: 100%;
    }

    .vipcover {
      width: 95%;
      padding: 15px;
    }

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

    .downarrow {
      bottom: 10px;
      left: 46%;
    }

    .vipchallenge {
      background-image: none;
    }

    .companyWrapper {
      margin-top: 40px;
      padding-top: 40px;
      gap: 24px;
      row-gap: 40px;
      flex-wrap: wrap;
    }

    .companyWrapper .box {
      max-width: calc(50% - 12px);
      width: 100%;
    }

    .stayUpdated {
      gap: 12px;
      flex-wrap: wrap;
      margin-top: 30px;
    }

    .stayUpdated>p {
      width: 100%;
    }

    .inovation .innovationSlide .eventImg {
      height: auto;
    }

    .inovation .innovationWrap .innovationSlide {
      padding: 15px;
    }

    .inovation .educationJourney .boxwrapper .left {
      width: 100%;
    }

    .inovation .educationJourney .boxwrapper .left .gradientButton {
      margin-top: 20px;
    }

    .inovation .educationJourney .boxwrapper .right {
      width: 100%;
    }

    .facultyresearchWrap {
      margin-top: 25px;
    }

    .webinarbox {
      width: 100%;
      padding: 15px;
    }

    .webinarlistWrapper {
      flex-wrap: wrap;
    }

    .webinarlistWrapper .list {
      width: 100%;
    }

    .webinarlistWrapper .list>img {
      float: left;
      margin-right: 10px;
    }

    .inovation .webinar .hrline {
      margin: 15px 0;
    }

    .educationJourney .headingsRight {
      justify-content: flex-start;
    }

    .inovation .finWrapper {
      flex-wrap: wrap;
    }

    .inovation .facility .masterleft {
      width: 100%;
    }

    .inovation .facility .finWrapper .right {
      width: 100%;
      margin-top: 40px;
    }

    .inovation .finWrapper .box2col {
      margin: 0;
    }

    .facility .lineSpace {
      margin-top: 20px;
      padding-top: 20px;
    }

    .inovation .facility .finWrapper .right .facilityBox {
      width: 100%;
    }

    .graphBox {
      overflow: auto;
      width: 100%;
      position: relative;
    }

    .graphBox>img {
      min-width: 950px;
    }

    .imgFaq {
      flex-wrap: wrap;
    }

    .faqImgList li {
      max-width: 100%;
    }

    .eventSlide.swiper-slide:hover .font-16 {
      color: var(--white);
    }

    .inovation .webinarfooter {
      padding-bottom: 0;
    }

    .inovationhomepage .educationJourney .headingWrap {
      flex-wrap: wrap;
      gap: 5px;
    }

    /* new home responsive */

    .insideoutsideWrapper {
      flex-wrap: wrap;
      gap: 15px;
      margin-top: 20px;
    }

    .insideOutside {
      background: black;
    }

    .mainMenu {
      /* padding: 12px 15px; */
      width: 100%;
      justify-content: space-between;
      gap: 15px;
      flex-direction: row-reverse;
    }

    header .megaMenus {
      display: none;
    }

    .heroLeftFooter .clearButon {
      position: absolute;
      top: 20vh;
    }

    .insideOutside .leftWrapBox {
      align-items: center;
      justify-content: flex-start;
      flex-direction: row;
      max-width: 100%;
      overflow: auto;
      gap: 20px;
      border-radius: 6px;
      margin-bottom: 20px;
      background: none;
    }

    .insideOutside .leftWrapBox li {
      min-width: max-content;
      font-size: 0.75rem;
    }

    .leftWrapBox li:not(:last-child)::after {
      top: 15px;
      right: -21px;
      width: 20px;
    }

    .insideBoxWrapper {
      flex-wrap: wrap;
      gap: 10px;
      flex-direction: column;
    }

    .insideBoxWrapper .insideBox {
      padding: 15px 15px;
      max-width: 100%;
    }

    .insideBoxWrapper .insideBox .headingsLeft {
      padding-left: 0;
    }

    .insideBoxWrapper .insideBox .sectionHeading {
      font-size: 0.875rem;
    }

    .founderLeft,
    .founderRight {
      width: 100%;
    }

    .founderLeft .gradientButton {
      margin-top: 20px;
    }

    .courseDetailsWrap {
      padding: 0;
    }

    .journey .buttonWrapper.flexbox {
      flex-wrap: nowrap;
      align-items: stretch;
      gap: 7px;
      margin-top: 20px;
      justify-content: space-between;
    }

    .journey .buttonWrapper.flexbox .greyTag {
      padding: 6px 6px;
      font-size: 0.688rem;
      text-align: center;
      border-radius: 6px;
      flex: 1;
    }

    .multicard {
      border-radius: 20px;
      background-color: black;
    }

    .multicard .sectionHeading {
      z-index: 9;
    }

    .multicard .lightMuVector {
      z-index: -1;
    }

    .multicard .lightMuVector::after {
      bottom: -30px;
      width: 270px;
      left: -135px;
      filter: brightness(5.5);
    }

    .gradientCard {
      padding: 30px 20px;
      position: relative;
      top: 0;
      left: 0;
      right: 0;
    }

    .placementBox {
      padding: 20px 0 !important;
    }

    .homeAlumni {
      position: relative;
    }

    .homeAlumni .container-2 {
      padding: 0 15px;
    }

    .newsSlide2 .swiper-slide {
      min-width: unset !important;
      max-width: unset;
      box-shadow: none;
    }

    .newsSlide2 .swiper-slide .masterImage {
      width: 100%;
    }

    .mt40 {
      margin-top: 30px;
    }

    .events .masterbanner {
      background: url("https://files.mastersunion.link/resources/img/bannerPhone.webp");
      background-repeat: no-repeat;
      position: relative;
      background-size: cover !important;
      min-height: 600px;
    }

    .newsSlide2-prev>img {
      width: 100%;
    }

    .events .headingRight.mob-visible {
      width: 90%;
      flex-direction: row-reverse;
      justify-content: end;
      display: flex !important;
    }

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

    .elevateSkillSection.whiteLineBg {
      background: var(--white3);
    }

    .headingRight.mob-visible {
      display: flex !important;
      align-items: center;
      justify-content: end;
      gap: 10px;
      margin-top: 20px;
    }

    .headingRight.mob-visible .newsSlide2-prev {
      transform: rotate(-180deg);
      line-height: 0;
    }

    .headingRight.mob-visible .newsSlide2-next {
      line-height: 0;
    }

    .recuiterWrap .headingWrap .font-46 {
      font-size: 1.25rem;
      line-height: 120%;
    }

    .knowledgeHub {
      position: relative;
      min-height: 500px;
    }

    .knowledgeHub .learningWrap mt60 {
      gap: 0px;
      margin-top: 20px;
    }

    .knowledgeHub .container-2 {
      padding: 0 15px;
    }

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

    .knowledgeHub .learningRight {
      width: 100%;
      display: flex;
      flex-direction: column-reverse;
      flex-wrap: wrap;
      margin-top: 10px;
    }

    .knowledgeHub .learningRight .swiperBtnWrap {
      position: static;
      justify-content: flex-start;
      margin-top: 20px;
      gap: 10px;
    }

    .knowledgeHub .swiper-slide {
      min-width: unset;
      max-width: unset;
      background: none;
    }

    .journeyStarts .mobVisible {
      font-size: 1.25rem;
      line-height: 130%;
      font-family: "go-semibold";
      letter-spacing: 0;
    }

    /* about page */

    .knowledgeBox {
      max-width: 100%;
    }

    .teachingVideoWrapper {
      overflow-x: scroll;
      margin-top: 30px;
      padding-bottom: 20px;
    }

    .inovationhomepage .teachingVideoWrapper {
      margin-top: 20px;
    }

    .newClassWrapper {
      flex-wrap: wrap;
      gap: 20px !important;
    }

    .newclassRight {
      flex-wrap: wrap;
    }

    .about .sustainability .gridBox {
      min-width: 100%;
    }

    .menWrapper {
      flex-wrap: wrap;
      gap: 25px;
    }

    .menBox {
      padding: 0;
      margin: 0;
      border-right: none;
    }

    .menWrapper h2 {
      margin-bottom: 15px;
    }

    .gradientBoxWrap h6 {
      color: var(--white);
      font: 1.5rem "go-medium";
    }

    .blackSvgBg {
      background: black;
    }

    /* pgp page */
    .pgphighlight .secondnavgroup,
    .ughighlight .secondnavgroup {
      padding: 10px 15px;
    }

    .pgphighlight .secondnavgroup .seondtabs,
    .ughighlight .secondnavgroup .seondtabs {
      gap: 30px;
      padding: 5px 0 10px;
    }

    .pgphighlight .highlightsec,
    .ughighlight .highlightsec {
      padding-top: 80px !important;
    }

    .pgphighlight .highlightsec .programmeHeading,
    .ughighlight .highlightsec .programmeHeading {
      font-size: 1.75rem;
    }


    .pgphighlight .highlightsec .heroWrapper,
    .ughighlight .highlightsec .heroWrapper {
      margin-top: 0;
      padding-bottom: 60px;
    }

    .pgphighlight .highlightsec .heroWrapper .programmeHeading,
    .ughighlight .highlightsec .heroWrapper .programmeHeading {
      margin-top: 40px;
    }

    .pgphighlight .highlightsec .heroWrapper .mobVisible,
    .ughighlight .highlightsec .heroWrapper .mobVisible {
      width: 100%;
    }

    .pgphighlight .highlightsec .heroWrapper .heroRightButtons,
    .ughighlight .highlightsec .heroWrapper .heroRightButtons {
      gap: 20px;
      margin-top: 25px;
    }

    .pgphighlight .highlightsec .heroWrapper .heroRightButtons>.gradientButton button,
    .ughighlight .highlightsec .heroWrapper .heroRightButtons>.gradientButton button {
      padding: 12px 16px;
    }

    .pgphighlight .highlightsec .heroWrapper .heroright,
    .ughighlight .highlightsec .heroWrapper .heroright {
      overflow: visible;
    }

    .pgphighlight .highlightsec .heroWrapper .heroright .programmeGreyCard,
    .ughighlight .highlightsec .heroWrapper .heroright .programmeGreyCard {
      right: -2%;
    }

    .pgphighlight .highlightsec .heroWrapper .heroright .programmeGreyCard img,
    .ughighlight .highlightsec .heroWrapper .heroright .programmeGreyCard img {
      max-width: 18px;
    }

    .pgphighlight .highlightsec .heroWrapper .heroright .programmeGreyCard p,
    .ughighlight .highlightsec .heroWrapper .heroright .programmeGreyCard p {
      font-size: 0.5rem;
    }

    .pgphighlight .highlightsec .masterImage,
    .ughighlight .highlightsec .masterImage {
      position: relative;
      overflow: visible;
    }

    .pgphighlight .highlightsec .masterImage img,
    .ughighlight .highlightsec .masterImage img {
      max-width: 100% !important;
      min-width: unset !important;
    }

    .pgphighlight .education,
    .ughighlight .education {
      position: relative;
    }

    .pgphighlight .education .footerLinkRight,
    .ughighlight .education .footerLinkRight {
      gap: 0;
      margin-bottom: 0;
      justify-content: flex-start;
    }

    .pgphighlight .education .educationright,
    .ughighlight .education .educationright {
      width: 100%;
      position: relative;
    }

    .pgphighlight .education .educationright .heading,
    .ughighlight .education .educationright .heading {
      font-size: 1.125rem;
    }

    .pgphighlight .education .educationright .eduBoxWrapper,
    .ughighlight .education .educationright .eduBoxWrapper {
      flex-wrap: wrap;
      gap: 0;
    }

    .pgphighlight .education .educationright .eduDetails,
    .ughighlight .education .educationright .eduDetails {
      margin-top: 10px;
    }

    .pgphighlight .education .educationright .eduDetails .tagline,
    .ughighlight .education .educationright .eduDetails .tagline {
      font-size: 0.813rem;
    }

    .pgphighlight .meetopportunity,
    .ughighlight .meetopportunity {
      position: relative;
    }

    .pgphighlight .meetopportunity .masterBoxMobOuter,
    .ughighlight .meetopportunity .masterBoxMobOuter {
      gap: 35px;
    }

    .pgphighlight .vibrantcomm,
    .ughighlight .vibrantcomm {
      position: relative;
    }

    .pgphighlight .vibrantcomm .headingWrap,
    .ughighlight .vibrantcomm .headingWrap {
      position: relative;
    }

    .pgphighlight .vibrantcomm .headingWrap .gradientButton,
    .ughighlight .vibrantcomm .headingWrap .gradientButton {
      margin-top: 0;
    }

    .pgphighlight .faqWrapBox .faqWrapper,
    .ughighlight .faqWrapBox .faqWrapper {
      position: relative;
      margin-top: 0;
      gap: 20px;
    }

    .pgphighlight .faqWrapBox .faqWrapper .navigationWrapper,
    .ughighlight .faqWrapBox .faqWrapper .navigationWrapper {
      margin-top: 0;
      margin-bottom: 0;
      max-width: 100%;
    }

    .pgphighlight .faqWrapBox .navigationWrapper,
    .ughighlight .faqWrapBox .navigationWrapper {
      border-radius: 6px;
    }

    .pgphighlight .faqWrapBox .navigationWrapper ul,
    .ughighlight .faqWrapBox .navigationWrapper ul {
      padding: 12px 12px;
      gap: 20px;
      border-radius: inherit;
    }

    .pgphighlight .faqWrapBox .navigationWrapper ul li,
    .ughighlight .faqWrapBox .navigationWrapper ul li {
      font-size: 0.75rem;
    }

    .pgphighlight .faqWrapBox .content,
    .ughighlight .faqWrapBox .content {
      position: relative;
    }

    .pgphighlight .faqWrapBox .content .faqquestionWrap,
    .ughighlight .faqWrapBox .content .faqquestionWrap {
      border-color: var(--grey4);
    }

    .pgphighlight .faqWrapBox .content .faqHeading,
    .ughighlight .faqWrapBox .content .faqHeading {
      font-size: 0.875rem;
    }

    .pgphighlight .concentration,
    .ughighlight .concentration {
      position: relative;
    }

    .pgphighlight .concentration .concentrationWrapper,
    .ughighlight .concentration .concentrationWrapper {
      margin-top: 40px;
      flex-wrap: wrap;
      gap: 40px;
    }

    .pgphighlight .concentration .concentrationWrapper .focusedHeading,
    .ughighlight .concentration .concentrationWrapper .focusedHeading {
      font-size: 1.125rem;
      font-weight: 500;
    }

    .pgphighlight .concentration .concentrationWrapper .subText,
    .ughighlight .concentration .concentrationWrapper .subText {
      font-size: 0.75rem;
    }

    .pgphighlight .concentration .concentrationWrapper .box:first-child img,
    .ughighlight .concentration .concentrationWrapper .box:first-child img {
      display: none;
    }

    .pgphighlight .concentration .concentrationWrapper .box2col.mt40,
    .ughighlight .concentration .concentrationWrapper .box2col.mt40 {
      margin-top: 15px;
    }

    .pgphighlight .concentration .concentrationWrapper .eventTagContent,
    .ughighlight .concentration .concentrationWrapper .eventTagContent {
      font-size: 0.813rem;
    }

    .pgphighlight .concentration .concentrationWrapper :nth-child(2),
    .ughighlight .concentration .concentrationWrapper :nth-child(2) {
      width: 100%;
    }

    .pgphighlight .uniqueClass,
    .ughighlight .uniqueClass {
      position: relative;
    }

    .pgphighlight .uniqueClass .headingWrap,
    .ughighlight .uniqueClass .headingWrap {
      position: relative;
    }

    .pgphighlight .uniqueClass .headingWrap .headingsLeft,
    .ughighlight .uniqueClass .headingWrap .headingsLeft {
      width: 100%;
    }

    .pgphighlight .uniqueClass .navigationWrapper,
    .ughighlight .uniqueClass .navigationWrapper {
      margin-bottom: 20px;
    }

    .pgphighlight .uniqueClass .navigationWrapper ul,
    .ughighlight .uniqueClass .navigationWrapper ul {
      border-radius: 6px;
      padding: 12px 12px;
      gap: 40px;
    }

    .pgphighlight .uniqueClass .content-section,
    .ughighlight .uniqueClass .content-section {
      position: relative;
    }

    .pgphighlight .uniqueClass .content-section .inClassHeading,
    .ughighlight .uniqueClass .content-section .inClassHeading {
      font-size: 1.125rem;
    }

    .pgphighlight .uniqueClass .content-section .inclassBoxWrapper,
    .ughighlight .uniqueClass .content-section .inclassBoxWrapper {
      flex-wrap: nowrap;
      overflow: auto;
      margin-top: 15px;
    }

    .pgphighlight .uniqueClass .content-section .inclassBoxWrapper .inclassBox,
    .ughighlight .uniqueClass .content-section .inclassBoxWrapper .inclassBox {
      padding: 15px 15px;
      max-width: 100%;
      min-width: 270px;
      overflow: auto;
    }

    .pgphighlight .uniqueClass .content-section .inclassBoxWrapper .inclassBox .inclassFlex,
    .ughighlight .uniqueClass .content-section .inclassBoxWrapper .inclassBox .inclassFlex {
      width: 55%;
    }

    .pgphighlight .uniqueClass .content-section .outclassSection,
    .ughighlight .uniqueClass .content-section .outclassSection {
      margin-top: 25px;
    }

    .pgphighlight .uniqueClass .content-section .outclassSection .outclassboxWrapper,
    .ughighlight .uniqueClass .content-section .outclassSection .outclassboxWrapper {
      flex-wrap: nowrap;
      overflow: auto;
      margin-top: 15px;
    }

    .pgphighlight .uniqueClass .content-section .outclassSection .outclassboxWrapper .outclassBox,
    .ughighlight .uniqueClass .content-section .outclassSection .outclassboxWrapper .outclassBox {
      min-width: 100%;
      flex-wrap: wrap;
      flex-direction: column-reverse;
      max-width: 100%;
      padding: 12px;
    }

    .pgphighlight .uniqueClass .content-section .outclassSection .outclassboxWrapper .outclassBox img,
    .ughighlight .uniqueClass .content-section .outclassSection .outclassboxWrapper .outclassBox img {
      width: 100%;
    }

    .pgphighlight .uniqueClass .content-section .outclassSection .outclassboxWrapper .outclassBox .viewMoreBtn,
    .ughighlight .uniqueClass .content-section .outclassSection .outclassboxWrapper .outclassBox .viewMoreBtn {
      margin-top: 10px;
      display: flex;
      align-items: center;
    }

    .pgphighlight .uniqueClass .content-section .outclassSection .outclassboxWrapper .outclassBox .viewMoreBtn img,
    .ughighlight .uniqueClass .content-section .outclassSection .outclassboxWrapper .outclassBox .viewMoreBtn img {
      width: unset;
    }

    .pgphighlight .schedule,
    .ughighlight .schedule {
      position: relative;
    }

    .pgphighlight .schedule .designerTable,
    .ughighlight .schedule .designerTable {
      margin-top: 20px;
      padding-bottom: 20px;
    }

    .pgphighlight .schedule .designerData,
    .ughighlight .schedule .designerData {
      min-width: 45%;
    }

    .pgphighlight .masters,
    .ughighlight .masters {
      position: relative;
    }

    .pgphighlight .masters .headingWrap,
    .ughighlight .masters .headingWrap {
      margin-bottom: 20px;
    }

    .pgphighlight .masters .masterflex,
    .ughighlight .masters .masterflex {
      flex-wrap: wrap;
      gap: 0;
    }

    .pgphighlight .masters .masterflex .masterleft,
    .ughighlight .masters .masterflex .masterleft {
      width: 100%;
    }

    .pgphighlight .masters .masterflex .masterRight,
    .ughighlight .masters .masterflex .masterRight {
      display: none;
    }

    .pgphighlight .masters .stratergySection,
    .ughighlight .masters .stratergySection {
      margin-top: 30px;
    }

    .pgphighlight .masters .stratergySection .navigationWrapper,
    .ughighlight .masters .stratergySection .navigationWrapper {
      margin-top: 0;
      margin-bottom: 15px;
      border-radius: 6px;
    }

    .pgphighlight .masters .stratergySection .navigationWrapper ul,
    .ughighlight .masters .stratergySection .navigationWrapper ul {
      padding: 12px 12px;
      gap: 40px;
    }

    .pgphighlight .curri-course,
    .ughighlight .curri-course {
      position: relative;
    }

    .pgphighlight .curri-course .header,
    .ughighlight .curri-course .header {
      position: relative;
    }

    .pgphighlight .curri-course .header .box2col,
    .ughighlight .curri-course .header .box2col {
      width: 100%;
      flex-wrap: wrap;
      gap: 10px;
    }

    .pgphighlight .curri-course .header .box2col .select-form,
    .ughighlight .curri-course .header .box2col .select-form {
      max-width: 100%;
      margin-top: 0;
    }

    .pgphighlight .curri-course .header .box2col .select-form .custom-select,
    .ughighlight .curri-course .header .box2col .select-form .custom-select {
      max-width: 100%;
    }

    .pgphighlight .selectingStudents,
    .ughighlight .selectingStudents {
      position: relative;
    }

    .pgphighlight .selectingStudents .cardsWrapper,
    .ughighlight .selectingStudents .cardsWrapper {
      flex-wrap: wrap;
    }

    .pgphighlight .aboutadmission,
    .ughighlight .aboutadmission {
      position: relative;
      padding: 50px 0 !important;
      border-radius: 20px;
    }

    .pgphighlight .aboutadmission .box.black,
    .ughighlight .aboutadmission .box.black {
      overflow: hidden;
      min-height: 460px;
      max-height: 460px;
    }

    .pgphighlight .aboutadmission .box.black img,
    .ughighlight .aboutadmission .box.black img {
      display: block;
      bottom: -40px;
      right: 0px;
    }

    .pgphighlight .aboutadmission .box.black .gradientButton,
    .ughighlight .aboutadmission .box.black .gradientButton {
      margin-top: 15px;
    }

    .pgphighlight .aboutadmission .box.black .gradientButton .button,
    .ughighlight .aboutadmission .box.black .gradientButton .button {
      padding: 12px 16px;
      font-size: 0.875rem;
    }

    .pgphighlight .aboutadmission .box.greybg,
    .ughighlight .aboutadmission .box.greybg {
      position: relative;
      padding: 30px 20px;
      min-height: unset;
      max-height: 240px;
    }

    .pgphighlight .aboutadmission .box.greybg .heading,
    .ughighlight .aboutadmission .box.greybg .heading {
      width: 90%;
      line-height: 140%;
    }

    .pgphighlight .aboutadmission .box.greybg .gradientButton,
    .ughighlight .aboutadmission .box.greybg .gradientButton {
      margin-top: 15px;
    }

    .pgphighlight .aboutadmission .description,
    .ughighlight .aboutadmission .description {
      width: 100%;
    }

    .pgphighlight .feeProcess,
    .ughighlight .feeProcess {
      padding-top: 10px !important;
    }

    .pgphighlight .feeProcess .rightSection .number,
    .ughighlight .feeProcess .rightSection .number {
      font-size: 1rem;
    }

    .pgphighlight .feeProcess .rightSection .leftHeading,
    .ughighlight .feeProcess .rightSection .leftHeading {
      font-size: 1rem;
      font-family: "go-semibold";
      width: 100%;
    }

    .pgphighlight .feestructure,
    .ughighlight .feestructure {
      position: relative;
      background: var(--black);
      padding-bottom: 20px !important;
    }

    .pgphighlight .feestructure h2,
    .ughighlight .feestructure h2 {
      color: var(--white);
    }

    .pgphighlight .feestructure .boxWrapper,
    .ughighlight .feestructure .boxWrapper {
      overflow: auto;
    }

    .pgphighlight .feestructure .boxWrapper .head,
    .ughighlight .feestructure .boxWrapper .head {
      min-width: 150%;
      padding: 10px 10px;
    }

    .pgphighlight .feestructure .boxWrapper .body,
    .ughighlight .feestructure .boxWrapper .body {
      min-width: 150%;
    }

    .pgphighlight .feestructure .boxWrapper .body .box,
    .ughighlight .feestructure .boxWrapper .body .box {
      padding: 10px 10px;
    }

    .pgphighlight .investinFuture,
    .ughighlight .investinFuture {
      position: relative;
      /* display: none; */
    }

    .pgphighlight .investinFuture .contentWrap,
    .ughighlight .investinFuture .contentWrap {
      padding: 20px 10px;
      flex-direction: column;
    }

    .pgphighlight .investinFuture .contentWrap .box,
    .ughighlight .investinFuture .contentWrap .box {
      padding-right: 0;
      margin-left: 0;
    }

    .pgphighlight .investinFuture .contentWrap .box:not(:last-child),
    .ughighlight .investinFuture .contentWrap .box:not(:last-child),
    .pgpNew .investinFuture .contentWrap .box:not(:last-child) {
      border-bottom: 1px solid var(--black5);
      margin-bottom: 15px;
      padding-bottom: 15px;
    }

    .pgphighlight .investinFuture .contentWrap .box h3,
    .ughighlight .investinFuture .contentWrap .box h3 {
      font-size: 1.5rem;
    }

    .pgphighlight .investinFuture .contentWrap .box p,
    .ughighlight .investinFuture .contentWrap .box p {
      font-size: 1rem;
    }

    .pgphighlight .feeDetails,
    .ughighlight .feeDetails {
      position: relative;
    }

    .pgphighlight .feeDetails .subText,
    .ughighlight .feeDetails .subText {
      width: 100%;
    }

    .pgphighlight .feeDetails .feeContainer,
    .ughighlight .feeDetails .feeContainer {
      margin-top: 20px;
      flex-wrap: wrap;
      gap: 30px;
    }

    .pgphighlight .feeDetails .feeContainer .menuItems,
    .ughighlight .feeDetails .feeContainer .menuItems {
      width: 100%;
      flex-wrap: nowrap;
      overflow: auto;
      flex-direction: row;
      margin-top: 30px;
      align-items: center;
    }

    .pgphighlight .feeDetails .feeContainer .feeDetailsContainerOuter,
    .ughighlight .feeDetails .feeContainer .feeDetailsContainerOuter {
      width: 100%;
    }

    .pgphighlight .feeDetails .feeContainer .feeDetailsContainerOuter .feeDetailContainer,
    .ughighlight .feeDetails .feeContainer .feeDetailsContainerOuter .feeDetailContainer {
      flex-direction: column;
      justify-content: flex-start;
      gap: 40px;
    }

    .pgphighlight .feeDetails .feeContainer .feeDetailsContainerOuter .feeDetailContainer .supervisorDetails,
    .ughighlight .feeDetails .feeContainer .feeDetailsContainerOuter .feeDetailContainer .supervisorDetails {
      width: 100%;
    }

    .pgphighlight .feeDetails .feeContainer .feeDetailsContainerOuter .feeDetailContainer .feeDetailBoxes,
    .ughighlight .feeDetails .feeContainer .feeDetailsContainerOuter .feeDetailContainer .feeDetailBoxes {
      width: 100%;
    }

    .pgphighlight .feeDetails .feeContainer .feeDetailsContainerOuter .feeDetailContainer .feeDetailBoxes .feeDetailBox,
    .ughighlight .feeDetails .feeContainer .feeDetailsContainerOuter .feeDetailContainer .feeDetailBoxes .feeDetailBox {
      max-width: 100%;
    }

    .pgphighlight .careerplacement,
    .ughighlight .careerplacement {
      position: relative;
    }

    .pgphighlight .careerplacement .boxWrapper,
    .ughighlight .careerplacement .boxWrapper {
      flex-wrap: wrap;
      gap: 40px;
    }

    .pgphighlight .careerplacement .left,
    .ughighlight .careerplacement .left {
      gap: 35px;
      justify-content: flex-start;
      max-height: unset;
      height: auto;
    }

    .pgphighlight .careerplacement .left .placementRateWrapper,
    .ughighlight .careerplacement .left .placementRateWrapper {
      align-items: flex-start;
      /* flex-direction: column; */
      flex-wrap: wrap;
      justify-content: space-around;
      width: 100%;
    }

    .pgphighlight .careerplacement .left .placementRateWrapper .rateBox,
    .ughighlight .careerplacement .left .placementRateWrapper .rateBox {
      padding: 0;
      border-right: 0;
      gap: 5px;
    }

    .pgphighlight .careerplacement .left .placementRateWrapper .rateBox:first-child,
    .ughighlight .careerplacement .left .placementRateWrapper .rateBox:first-child {
      padding-bottom: 10px;
      margin-bottom: 10px;
    }

    .pgphighlight .cohort,
    .ughighlight .cohort {
      position: relative;
    }

    .pgphighlight .cohort .flexbox,
    .ughighlight .cohort .flexbox {
      gap: 20px;
    }

    .pgphighlight .cohort .report,
    .ughighlight .cohort .report {
      display: block;
      width: 100%;
    }

    .pgphighlight .cohort .report img,
    .ughighlight .cohort .report img {
      width: 100%;
    }

    .pgphighlight .cohort .box,
    .ughighlight .cohort .box {
      width: 100%;
    }

    .pgphighlight .collaboration,
    .ughighlight .collaboration {
      position: relative;
    }

    .pgphighlight .collaboration .navigationWrapper,
    .ughighlight .collaboration .navigationWrapper {
      position: relative;
      border-radius: 6px;
    }

    .pgphighlight .collaboration .navigationWrapper ul,
    .ughighlight .collaboration .navigationWrapper ul {
      padding: 12px 12px;
      justify-content: flex-start;
      gap: 40px;
    }

    .pgphighlight .collaboration .content-section,
    .ughighlight .collaboration .content-section {
      min-height: unset;
    }

    .pgphighlight .collaboration .headingWrap,
    .ughighlight .collaboration .headingWrap {
      /* gap: 10px; */
      margin-bottom: 0;
    }

    .pgphighlight .collaboration .content-section,
    .ughighlight .collaboration .content-section {
      position: relative;
    }

    .pgphighlight .collaboration .content-section .swiper-wrapper,
    .ughighlight .collaboration .content-section .swiper-wrapper {
      transform: none !important;
    }

    .pgphighlight .collaboration .content-section .swiper-slide,
    .ughighlight .collaboration .content-section .swiper-slide {
      width: 100% !important;
      margin: 0 !important;
      max-width: 100%;
      overflow: auto;
    }

    .pgphighlight .collaboration .content-section .swiper-slide img,
    .ughighlight .collaboration .content-section .swiper-slide img {
      width: 100%;
      min-width: 200%;
    }

    .pgphighlight .ctcsection,
    .ughighlight .ctcsection {
      position: relative;
    }

    .pgphighlight .ctcsection .navigationWrapper,
    .ughighlight .ctcsection .navigationWrapper {
      margin-top: 20px;
      margin-bottom: 20px;
    }

    .pgphighlight .ctcsection .navigationWrapper .tabsNew,
    .ughighlight .ctcsection .navigationWrapper .tabsNew {
      gap: 40px;
      justify-content: flex-start;
    }

    .pgphighlight .ctcsection .navigationWrapper .tabsNew li,
    .ughighlight .ctcsection .navigationWrapper .tabsNew li {
      font-size: 0.75rem;
    }

    .pgphighlight .careerjourney,
    .ughighlight .careerjourney {
      position: relative;
    }

    .pgphighlight .careerjourney .headingWrap,
    .ughighlight .careerjourney .headingWrap {
      position: relative;
    }

    .pgphighlight .careerjourney .headingWrap p,
    .ughighlight .careerjourney .headingWrap p {
      width: 100%;
    }

    .pgphighlight .careerjourney .navigationWrapper,
    .ughighlight .careerjourney .navigationWrapper {
      margin-top: 30px;
      margin-bottom: 20px;
      border-radius: 6px;
    }

    .pgphighlight .careerjourney .navigationWrapper .tabsNewNew,
    .ughighlight .careerjourney .navigationWrapper .tabsNewNew {
      align-items: center;
      justify-content: flex-start;
      gap: 40px;
      padding: 12px 12px;
    }

    .pgphighlight .careerjourney .careerJourneyWrapper,
    .ughighlight .careerjourney .careerJourneyWrapper {
      flex-wrap: wrap;
      flex-direction: column-reverse;
      align-items: flex-start;
    }

    .pgphighlight .careerjourney .careerJourneyWrapper .careerImgBox,
    .ughighlight .careerjourney .careerJourneyWrapper .careerImgBox {
      min-height: unset;
      line-height: 0;
      max-width: 100%;
    }

    .pgphighlight .careerteam,
    .ughighlight .careerteam {
      position: relative;
      background: var(--white);
    }

    .pgphighlight .careerteam .opportunityWrapper,
    .ughighlight .careerteam .opportunityWrapper {
      position: relative;
    }

    .pgphighlight .careerteam .opportunityWrapper .masterBox,
    .ughighlight .careerteam .opportunityWrapper .masterBox {
      min-height: auto;
      max-width: 100%;
      min-height: auto;
    }

    .pgphighlight .careertransition,
    .ughighlight .careertransition {
      position: relative;
      background: url("https://files.mastersunion.link/resources/img/oppertunityBG.webp"),
        white;
      background-position: top;
      background-size: contain;
      background-repeat: no-repeat;
      position: relative;
      background-position-x: left;
    }

    .pgphighlight .careertransition .headingWrap,
    .ughighlight .careertransition .headingWrap {
      position: relative;
      flex-direction: column;
      gap: 0;
    }

    .pgphighlight .careertransition .headingWrap .headingsLeft,
    .ughighlight .careertransition .headingWrap .headingsLeft {
      width: 100%;
    }

    .pgphighlight .careertransition .flexbox,
    .ughighlight .careertransition .flexbox {
      flex-direction: row;
      flex-wrap: wrap;
      align-items: center;
    }

    .pgphighlight .careertransition .flexbox .transinner,
    .ughighlight .careertransition .flexbox .transinner {
      width: 100%;
    }

    .pgphighlight .careertransition .flexbox .transbox,
    .ughighlight .careertransition .flexbox .transbox {
      gap: 15px;
    }

    .pgphighlight .careertransition .flexbox .transbox p,
    .ughighlight .careertransition .flexbox .transbox p {
      font-size: 0.75rem;
      margin-left: 0;
      color: var(--grey15);
      line-height: 150%;
    }

    .pgphighlight .careertransition .flexbox .transbox .arrowright,
    .ughighlight .careertransition .flexbox .transbox .arrowright {
      max-width: 15%;
    }

    .pgphighlight .careertransition .flexbox .transbox .box2col,
    .ughighlight .careertransition .flexbox .transbox .box2col {
      gap: 10px;
    }

    .pgphighlight .stories,
    .ughighlight .stories {
      position: relative;
    }

    .pgphighlight .stories .sectionHeading,
    .ughighlight .stories .sectionHeading {
      position: relative;
      z-index: 9;
    }

    .pgphighlight .stories .navigationWrapper,
    .ughighlight .stories .navigationWrapper {
      margin-top: 30px;
      margin-bottom: 20px;
      border-radius: 6px;
    }

    .pgphighlight .stories .navigationWrapper ul,
    .ughighlight .stories .navigationWrapper ul {
      background: var(--grey17);
      justify-content: flex-start;
      gap: 40px;
      padding: 12px 12px;
    }

    .pgphighlight .stories .container-2,
    .ughighlight .stories .container-2 {
      padding-left: 15px;
      padding-right: 15px;
    }

    .pgphighlight .stories .content-section,
    .ughighlight .stories .content-section {
      position: relative;
    }

    .pgphighlight .stories .content-section .masterBox,
    .ughighlight .stories .content-section .masterBox {
      max-width: 100%;
      background: transparent;
      padding: 0;
    }

    .pgphighlight .stories .content-section .masterBox .masterinner,
    .ughighlight .stories .content-section .masterBox .masterinner {
      padding: 0;
      margin-top: 12px;
    }

    .pgphighlight .stories .content-section .swiperBtnWrap,
    .ughighlight .stories .content-section .swiperBtnWrap {
      left: 0;
      bottom: -5px;
      top: unset;
      justify-content: flex-start;
      gap: 10px;
      max-width: 100%;
    }

    .pgphighlight .studentJourney,
    .ughighlight .studentJourney {
      position: relative;
    }

    .pgphighlight .studentJourney .studentMainWrapper,
    .ughighlight .studentJourney .studentMainWrapper {
      gap: 40px;
      flex-wrap: wrap;
    }

    .pgphighlight .studentJourney .studentWrapperOne,
    .ughighlight .studentJourney .studentWrapperOne {
      width: 100%;
    }

    .pgphighlight .studentJourney .studentWrapperOne .studentPercentWrap,
    .ughighlight .studentJourney .studentWrapperOne .studentPercentWrap {
      flex-wrap: wrap;
      gap: 20px;
      margin-top: 15px;
    }

    .pgphighlight .studentJourney .studentWrapperOne .studentPercentWrap .studentPercentageBox,
    .ughighlight .studentJourney .studentWrapperOne .studentPercentWrap .studentPercentageBox {
      width: 100%;
      max-width: calc(33.3% - 15px);
    }

    .pgphighlight .studentJourney .subHeading,
    .ughighlight .studentJourney .subHeading {
      margin-top: 30px;
    }

    .pgphighlight .studentJourney .subHeading h3,
    .ughighlight .studentJourney .subHeading h3 {
      font-size: 1.125rem;
    }

    .pgphighlight .pgpMapSustain,
    .ughighlight .pgpMapSustain {
      position: relative;
      margin-top: 60px;
    }

    .pgphighlight .pgpMapSustain .sustainMapBoard,
    .ughighlight .pgpMapSustain .sustainMapBoard {
      margin-left: 0;
      margin-right: 0;
      max-width: 100%;
      width: 100%;
      padding: 40px 15px;
    }

    .pgphighlight .cohortTabs,
    .ughighlight .cohortTabs {
      position: relative;
    }

    .pgphighlight .cohortTabs .navigationWrapper,
    .ughighlight .cohortTabs .navigationWrapper {
      margin-top: 30px;
      margin-bottom: 20px;
      border-radius: 6px;
    }

    .pgphighlight .cohortTabs .navigationWrapper ul,
    .ughighlight .cohortTabs .navigationWrapper ul {
      padding: 12px 12px;
      justify-content: flex-start;
      gap: 40px;
    }

    .pgphighlight .cohortTabs .content-section,
    .ughighlight .cohortTabs .content-section {
      position: relative;
    }

    .pgphighlight .cohortTabs .content-section .cohortwrapper,
    .ughighlight .cohortTabs .content-section .cohortwrapper {
      gap: 20px;
      row-gap: 20px;
    }

    .pgphighlight .cohortTabs .content-section .cohortwrapper .box2col,
    .ughighlight .cohortTabs .content-section .cohortwrapper .box2col {
      max-width: calc(50% - 10px);
    }

    .pgphighlight .cohortTabs .content-section .cohortwrapper .box2col img:first-child,
    .ughighlight .cohortTabs .content-section .cohortwrapper .box2col img:first-child {
      width: 100%;
      max-width: 100%;
      max-height: 120px;
      /* min-height: 120px; */
      object-fit: cover;
    }

    .degreeLeft {
      width: 100%;
    }

    .degreeRight {
      width: 100%;
      gap: 30px;
    }

    /* applynow page */
    .applynow .flexbox {
      margin-top: 40px;
    }

    .applynow .applyleft {
      margin-top: 0;
      max-width: 100%;
      width: 100%;
    }

    .applynow .applyleft .mainHeading {
      margin: 0;
      margin-bottom: 20px;
    }

    .applynow .applyleft .text-20 {
      margin: 30px 0 15px;
    }

    .applynow .registerbox {
      max-width: 100%;
      width: 100%;
      padding: 20px 15px;
    }

    /* courseroaster page */

    .courseroaster {
      position: relative;
    }

    .courseroaster .course-roster {
      margin-top: 30px;
    }

    .courseroaster .course-roster .header {
      position: relative;
      align-items: flex-start;
    }

    .courseroaster .course-roster .header .mainHeading {
      font-size: 1.25rem;
    }

    .courseroaster .course-roster .header .box2col {
      width: 80%;
    }

    .courseroaster .course-roster .header .box2col .select-form {
      margin-bottom: 0;
    }

    /* about time line */

    .abouttimeline {
      position: relative;
    }

    .abouttimeline .sticky {
      top: 3rem;
      padding-top: 10px;
      padding-bottom: 20px;
    }

    .abouttimeline .sticky .headingWrap {
      margin-bottom: 0;
    }

    .abouttimeline .yearBoxWrap {
      position: relative;
    }

    .abouttimeline .yearBoxWrap .timelineScroller {
      width: 16px;
      height: 100%;
      position: absolute;
      left: 55px;
      top: 0;
      background: url("https://files.mastersunion.link/resources/svg/yearDashLevel.svg");
      background-size: contain;
      background-repeat: repeat-y;
    }

    .abouttimeline .yearBoxWrap .yearBox {
      position: relative;
    }

    .abouttimeline .yearBoxWrap .yearBox.active .rightSection {
      visibility: visible;
      opacity: 1;
      transition: 0.4s ease;
    }

    .abouttimeline .yearBoxWrap .yearBox.active .leftSection .year {
      background: linear-gradient(102deg, #39b6d8 0%, #f7d344 50%, #e38330 100%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      transition: 0.4s ease-in;
    }

    .abouttimeline .yearBoxWrap .yearBox .leftSection {
      max-width: 50px;
      width: 100%;
      position: sticky;
      top: 140px;
    }

    .abouttimeline .yearBoxWrap .yearBox .rightSection {
      max-width: calc(100% - 100px);
      width: 100%;
      visibility: hidden;
      opacity: 0;
      transition: 0.4s ease;
    }

    /* pgpTbm admission start */

    .getInto.fellowshipVideoWrapper {
      padding: 15px;
      flex-direction: column;
      gap: 20px;
      max-width: 100%;
    }

    .getInto.fellowshipVideoWrapper .fellowshipLeft,
    .getInto.fellowshipVideoWrapper .fellowshipRight {
      max-width: unset;
    }

    /* pgpTbm addmission end */

    .blog_inner_page {
      font: 18px "go-regular";
    }

    .blogideal .boxwrapper {
      flex-direction: column;
    }

    .blogideal .boxwrapper .right {
      width: 100%;
    }

    .blogideal .boxwrapper .left {
      width: 100%;
    }

    /* fbt mob changes start */
    .vGradientWrap .boxiBox {
      align-items: flex-start;
      display: flex;
      flex-wrap: unset;
      align-content: center;
    }

    /* fbt changes end */

    /* ug psm start 
.vUgPsm{
  .gradientMuBg.feestructure{
    position: relative;
    background:unset;
    padding-bottom: 20px !important;
  }

  h2 {
    color: unset;
  }
} */

    /* intersect section */
    .ugIntersectProgramme .rightSidePastSpeaker {
      margin-top: 20px;
    }

    .ugIntersectProgramme .rightSidePastSpeaker .gradientButton {
      min-width: 100%;
    }

    .ugIntersectProgramme .rightSidePastSpeaker button.button.iconButton {
      justify-content: center;
    }

    .ugIntersectProgramme .pastSpeakersSection .pastSpeakersHeading .sectionHeading {
      font-size: 28px;
      font-family: "go-bold";
      font-weight: 700;
      line-height: 130%;
    }

    .ugIntersectProgramme .pastSpeakersSection .headingSmall.intersectSmall {
      font-size: 12px !important;
      font-family: "go-medium" !important;
      font-weight: 500;
      line-height: normal;
      letter-spacing: 1px;
    }

    .ugIntersectProgramme .pastSpeakersIntersect .sectionHeading {
      font-size: 28px;
      font-family: "go-bold";
      font-weight: 700;
      line-height: 130%;
    }

    .ugIntersectProgramme .supportingLeadersWrap .sectionHeading {
      font-size: 28px;
      font-family: "go-bold";
      font-weight: 700;
      line-height: 130%;
    }

    .ugIntersectProgramme .sneakPeakSwiper .sectionHeading {
      font-size: 28px;
      font-family: "go-bold";
      font-weight: 700;
      line-height: 130%;
    }

    .ugIntersectProgramme .sneakPeakSwiper .headingSmall {
      font-size: 12px !important;
      font-family: "go-medium" !important;
      font-weight: 500;
      line-height: normal;
      letter-spacing: 1px;
    }

    .ugIntersectProgramme .mutipleFormWrappper.blackLineBg .applyleft .sectionHeading {
      font-size: 28px;
      font-family: "go-bold";
      font-weight: 700;
      line-height: 130%;
    }

    .ugIntersectProgramme .mutipleFormWrappper.blackLineBg .applyleft .headingSmall {
      font-size: 12px !important;
      font-family: "go-medium" !important;
      font-weight: 500;
      line-height: normal;
      letter-spacing: 1px;
    }

    .ugIntersectProgramme .rightSpeackerBlock::before {
      content: "";
      right: -12px;
    }

    .ugIntersectProgramme .swiperCardWrapperPanelists {
      overflow-x: auto;
    }

    .ugIntersectProgramme .swiperCardWrapperPanelists .columnViewSwiperNew {
      min-width: 225px;
    }

    .ugIntersectProgramme .sneakPeakSwiper {
      padding-top: 0 !important;
    }

    .ugIntersectProgramme .supportingLeadersWrap .counsellorWrap {
      margin-top: 30px;
    }

    .ugIntersectProgramme .supportingLeaderSeat .leftSideLeader .tabContent {
      max-width: 100%;
    }

    .ugIntersectProgramme .intersect4 {
      margin-top: 50px;
    }

    .ugIntersectProgramme .intersect4 .programmeHeading {
      margin-top: 0;
    }

    .ugIntersectProgramme .agendaIntersectPage .contentAgenda {
      max-width: none;
    }

    .ugIntersectProgramme .intersect4 span.muvector {
      font-size: 38px;
      font-weight: 800;
      letter-spacing: 0.542px;
    }

    .ugIntersectProgramme .intersect4 .text-16.mobtextintersect {
      color: var(--white) !important;
      font-size: 14px;
      font-weight: 400;
      line-height: 140%;
      font-family: "go-regular";
    }

    .ugIntersectProgramme .intersect4 .paraintersectMob {
      color: var(--white) !important;
      font-family: "go-medium";
      /* font-size: 12px; */
      font-weight: 500;
      line-height: 120%;
    }

    .ugIntersectProgramme .intersect4 .heroRightButtons {
      margin-top: 20px !important;
    }

    .ugIntersectProgramme .boxwrapper {
      flex-wrap: wrap;
      flex-direction: column-reverse;
    }

    .ugIntersectProgramme .educationJourney .boxwrapper .left {
      max-width: 100%;
    }

    .ugIntersectProgramme .rolesandresp .boxwrapper {
      padding: 20px 15px;
      flex-direction: row-reverse;
    }

    .ugIntersectProgramme .leftSpeackerBlock {
      max-width: 100%;
    }

    .ugIntersectProgramme .groupSpeakerWrapper {
      flex-wrap: wrap;
    }

    .ugIntersectProgramme .groupSpeakerWrapper .speakerCardBox {
      max-width: 100%;
    }

    .ugIntersectProgramme .agendaIntersectPage .fellowshipVideoWrapper {
      flex-direction: column-reverse;
    }

    .ugIntersectProgramme .agendaIntersectPage .fellowshipLeft {
      max-width: 100%;
    }

    .ugIntersectProgramme .agendaIntersectPage .fellowshipVideoWrapper {
      background: var(--white);
    }

    .ugIntersectProgramme .supportingLeadersWrap .supportingLeaderSeat {
      flex-wrap: wrap;
      padding: 0;
      gap: 20px;
    }

    .ugIntersectProgramme .supportingLeadersWrap .leftSideLeader {
      max-width: 100%;
    }

    .ugIntersectProgramme .detailBlockSpeacker {
      flex-wrap: wrap;
      flex-direction: column-reverse;
      gap: 30px;
    }

    .ugIntersectProgramme .rightSpeackerBlock img {
      margin-right: 0;
    }

    .ugIntersectProgramme .mutipleFormWrappper .applyleft {
      width: 100%;
      max-width: 100%;
    }

    .ugIntersectProgramme .mutipleFormWrappper .registerbox {
      width: 100%;
      max-width: 100%;
    }

    .ugIntersectProgramme .mutipleFormWrappper .applyleft {
      margin-bottom: 0;
    }

    .ugIntersectProgramme .hideLgScreen {
      display: block;
    }

    /* End intersect section */
    .aboutMobView .sustainability .menBox,
    .aboutMobView .sustainability .womenBox {
      width: 100%;
    }

    .aboutMobView .sustainability .menBoxGroup {
      width: 100%;
    }

    .aboutMobView .sustainability .gradientBoxWrap {
      display: flex;
      flex-direction: column;
      flex: 1;
    }

    .pgpMobView .masters .masterRight::after {
      background: none;
    }

    .pgpMobView .alignbox-gradient-Immersion::after {
      background: none;
    }

    .pgpMobView .heroWrapper .heroright::after {
      display: none;
    }

    .ughighlight .cohortTabs .content-section .cohortwrapper {
      gap: 20px;
      flex-direction: column;
    }

    .ughighlight .cohortTabs .content-section .cohortwrapper .box2col {
      max-width: unset;
    }

    .blogsPage .highlightsec {
      padding-top: 0px !important;
    }

    h2#form_heading {
      width: 90%;
    }

    /* ugPSM mobview start */
    .ughighlight .masters .masterflex .masterRight {
      display: block;
    }

    .ughighlight .masters .masterflex {
      flex-direction: column-reverse;
      gap: 20px;
    }

    .ughighlight .masters .masterRight::after {
      background: unset;
    }

    .aboutMobView {
      .sustainability {

        .menBox,
        .womenBox {
          width: 100%;
        }

        .menBoxGroup {
          width: 100%;
        }

        .gradientBoxWrap {
          display: flex;
          flex-direction: column;
          flex: 1;
        }
      }
    }

    .pgpMobView {
      .masters .masterRight::after {
        background: none;
      }

      .alignbox-gradient-Immersion::after {
        background: none;
      }

      .heroWrapper .heroright::after {
        background: none;
      }
    }

    .ughighlight {
      .cohortTabs .content-section .cohortwrapper {
        gap: 20px;
        flex-direction: column;
      }

      .cohortTabs .content-section .cohortwrapper .box2col {
        max-width: unset;
      }
    }

    .blogsPage {
      .highlightsec {
        padding-top: 0px !important;
      }
    }

    h2#form_heading {
      width: 90%;
    }

    /* ugPSM mobview start */

    .ughighlight {
      .masters {
        .masterflex {
          .masterRight {
            display: block;
          }
        }
      }

      .masters .masterflex {
        flex-direction: column-reverse;
        gap: 20px;
      }

      .masters .masterRight::after {
        background: unset;
      }
    }

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

    .domainWrapper .navigationWrapper.upcomingNew-Events {
      max-width: 100%;
    }

    .itineraryBlockIntersect {
      .scheduleItineraryList img {
        display: none;
      }

      .scheduleItineraryList {
        flex-direction: column;
        border-bottom: 1px solid #eee;
        padding-bottom: 12px;
        gap: 8px;
      }
    }

    .fresherBanner .fresherBannerWrap {
      padding: 0;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      gap: 30px;
    }

    .fresherBanner .fresherBannerWrap .box {
      width: 30%;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      width: 60%;
      gap: 8px;
    }

    .fresherBanner .bannerText {
      font-size: 3.125rem;
    }

    .ugDataAi {
      .degreeProgram .degreeLeft {
        width: 100%;
      }

      .degreeProgram .degreeRight {
        width: 100%;
        max-width: 100%;
      }

      .masters.learnFuture .masterflex {
        flex-direction: unset;
      }

      .gridBox:first-child {
        max-height: unset;
        min-height: unset;
      }

      .gridBox:nth-child(2) {
        max-height: unset;
      }
    }

    .ugTestimonials {
      margin-top: 60px;
    }

    .techHomePage {
      .blackSvgBg .headingWrap.masterleft {
        width: 100%;
        max-width: unset;
      }

      .degreeWrapper .degreeLeft {
        width: 100%;
        max-width: unset;
      }

      .degreeRight {
        width: 100%;
      }

      .newThumbnailGradientBg::after {
        background: none;
      }

      .programme-cards-wrapper {
        overflow: auto;
        margin-top: 30px;
      }

      .programme-cards-wrapper .programme-cards {
        min-width: 360px;
      }

      .dualDegree .degreeWrapper {
        padding: 15px;
      }

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

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

      .collaboration .grey-paragraph {
        font-size: 14px;
        line-height: 160%;
        max-width: unset;
      }

      .degreeTextBold {
        font-size: 14px;
      }

      .transformText {
        font-size: 14px;
      }

      .techHome .masterRight::after {
        display: none;
      }
    }

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

    .onbaordRight {
      width: unset;
    }

    .onbaordBox {
      max-width: 47%;
    }

    .hsslXploreUGProgrammes .content-section {
      overflow: hidden !important;
    }

    .newInitiativeMain {
      .initiativeHeroSection {
        padding-top: 70px !important;
        background: var(--black);

      }

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

      .enterPreneurshipParent .sectionParaTech {
        max-width: 100%;
      }

      .heroWrapperHeadingDiv {
        position: absolute !important;
        left: 0;
      }

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

      .dsaiMobView .heroParaTech {
        font-size: 16px;
      }

      .magazineTabsWrapper {
        flex-direction: column;
        gap: 20px;
        align-items: center;
      }

      .dsaiMobView .heroeadingFr {
        font-size: 34px;
      }

      .dsaiMobView .heroHeadingItalic {
        font-size: 34px;
      }

      .magazineRight {
        max-width: 100%;
      }

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

      .scratchBtn {
        border-radius: 60px;
        display: flex;
        padding: 4px 15px 6px 15px;
        justify-content: center;
        align-items: center;
        width: fit-content;
        background: var(--grey17);
        cursor: pointer;
      }

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

      .scratchBtn:hover,
      .scratchBtn.active {
        background-color: var(--white);
        transition: 0.4s ease-in-out;

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

      .unionWrapper {
        background: var(--black);
      }

      .revenueWrapper {
        margin-top: -20px;
      }

      .flowingText {
        font-size: 23px;
        max-width: 100%;
      }

      .initiateSecHeading {
        font-size: 36px !important;
      }

      .launchCardWrapper {
        flex-direction: column;
      }

      .launchCard {
        max-width: 100%;
      }

      .seriesHeading {
        font-size: 26px;
      }

      .scratchText {
        font-size: 22px;
      }

      .profitablePara {
        font-size: 13px;
      }

      .fellowShipSection {
        padding-top: 0 !important;
      }

      .founderText {
        font-size: 13px;
      }

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

      .founderDivi {
        gap: 16px;
      }

      .foundText {
        font-size: 26px;
      }

      .fundsWrapper {
        max-width: 100%;
        margin-right: 0;
        gap: 25px;
      }

      .fundBoxi {
        padding: 12px 20px;

        h2 {
          font: 32px 'go-regular';
        }

        p {
          font: 12px 'go-regular';
        }
      }

      .seriesHeadingDivi {
        gap: 20px;
      }

      .insightTextInitiative {
        font-size: 32px;
      }
    }

    .summerStartupEvent {
      .youngleader .sectionHeadingTech {
        font-size: 26px;
      }

      .youngleader .sectionHeadingItalic {
        font-size: 30px;
      }

      .roadmapBoxParent {
        gap: 12px;
      }

      .summerText {
        font-size: 14px;
      }

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

      .mentorMob2 {
        .leaderMasterSlider {
          flex-wrap: nowrap;
          overflow: auto !important;
          gap: 20px;
        }

        .newMasterBox {
          max-width: 100%;
          min-width: 75%;
        }
      }

      .higherStudyContent {
        gap: 10px !important;
      }

      .higherStudies .mobHeading {
        padding-inline: 16px;
      }

      .higherStudies {
        padding-bottom: 0 !important;
      }

      .dsCareer .studiesRight {
        padding-block: 30px;
      }

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

      .interestFormWrapper {
        max-width: 100%;
      }

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

  .tetrStartupSection {
    padding: 0 !important;
    background: var(--black5);
    /* border-top: 1px solid var(--grey3); */
    border-bottom: 1px solid var(--black5);

    .swiper-slide-active {
      min-height: 520px !important;
      max-height: 530px !important;
    }


    .container {
      padding: 60px 16px;
      background: var(--black);
      border-radius: 0;
    }

    .startUpWrapBlock {
      flex-direction: column-reverse;
      max-height: unset;
      padding: 30px 20px;
      gap: 20px;

      .greycrossAsset::after {
        top: 14px;
      }

      .leftWrapStartup {
        transform: unset;
        max-width: 100%;
      }
    }

    .startUpWrapBlock .greycrossAsset::after {
      top: 16px;
    }
  }

  .cohortwrapper p {
    font: 13px "go-regular";

  }


  .pgpRiseOpm .right {
    width: 100% !important;

    .heroright {
      width: 100%;
    }
  }

  .studentEnter.cmt {

    .shakHeadingWrapper {
      max-width: 100%;
      display: flex !important;
    }
  }

  .getpreppedgif {
    width: 78%;
    height: 92%;
    left: 12%;
    top: 8px;
    margin-left: -4px;
  }

  .mob-ml15 {
    margin-left: 15px;
  }

  .dsaiRedesign.onesection {
    .gradientBackWrapper {
      flex-direction: column !important;
    }

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

    .gradientSectionRight {
      margin-top: 10px;
    }

    .masterRight .masterSwiper {
      padding-bottom: 10px !important;
    }
  }

  .cohortCareerTable {
    margin-left: 0px !important;
  }

  .mobvideoHeight {
    min-height: 75vh;
  }

  .interestDivi.new {
    display: unset;

    .interestFormWrapper {
      flex-direction: column;
    }

    .imgWrap {
      width: 100%;
    }

    .formWrap {
      width: 100%;
    }
  }

  .pgpMapSustain {
    padding: 40px 4px;
  }

  .alumniSpotlightWrap .alumniheroLeft .end {
    margin: 0;

    .reviewFooter {
      position: unset;
    }
  }

  .logocontentParent .modelBox {
    display: none;
  }

  .sharkTankSlider .gridBox:hover .overLayDetail {
    bottom: initial;
    height: initial;
    transition: none;
    transition-delay: 0s;
  }

  .sharkTankSlider .gridBox:hover::before {
    opacity: 0;
    transition: none;
  }

  .heroWrapperHeadingDiv.new {
    position: unset !important;
    max-width: 100% !important;
  }

  .heroSection .heroRightButtons {
    flex-direction: row;
  }



  .mobhr {
    position: relative;
  }

  .mobhr::after {
    content: '';
    position: absolute;
    width: 150%;
    height: 4px;
    top: 50%;
    left: -160%;
    background: white;
    z-index: -1;
  }

  .muvectorhero::after {
    display: none;
  }

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

  .flagParentDivi {
    overflow: auto;
  }

  .formtwoRow {
    .inputGroup {
      max-width: 100%;
    }
  }

  #industryBtn,
  #academiaBtn {
    font-size: 14px !important;
  }

  .secondnavgroup {
    padding: 0 !important;
  }

  .interestDivi.new {
    display: unset;

    .interestFormWrapper {
      flex-direction: column;
    }

    .imgWrap {
      width: 100%;
    }

    .formWrap {
      width: 100%;
    }
  }

  .leadFormApplynow .eventRight {
    width: 100%;
  }

  .feeProcessContainer:nth-of-type(1)::after {
    height: 90px;
    top: -58px;
  }

  .wd-14 {
    width: 30% !important;
  }

  .ughighlight .collaboration.psyMaster .masterRight::after {
    display: none;
  }

  .sharkTank {
    .teachingHeadWrap {
      align-items: flex-start !important;

      p {
        font: 14px 'go-regular' !important;


      }
    }
  }

  .reviewsPage .heroWrapperHeadingDiv {
    position: absolute !important;
    text-align: center !important;

    .heroHeadingTech {
      font-size: 42px !important;
      width: 90%;

      span {
        font-size: 38px !important;
      }
    }

    .inputGroup {
      max-width: 100% !important;
      margin: 0 !important;
    }
  }

  .mosaicSection {
    padding: 0 0 55px !important;
  }

  .mosaicLayout {
    flex-direction: column;
  }

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



  .yleader {
    .gradientButton button {
      padding: 8px 16px;
    }

    .bannerBtn {
      position: absolute;
      left: 50%;
      bottom: 0;
      top: unset;
      transform: translateX(-50%);
    }
  }

  .summerEventSkillWeek .feeProcessContainer .number {
    color: unset !important;
    -webkit-text-fill-color: transparent !important;
  }

  .pgphighlight .mena-Heading-Left {
    width: 100%;
  }

  .bottomCareerContent {
    flex-wrap: nowrap !important;
    overflow: auto;
  }

  .heroWrapper .heroright iframe {
    min-width: 100%;
  }

  .companiesLogoDivi {
    min-width: 30%;
  }

  .careerContentTech {
    /* padding-inline: 16px; */
    gap: 30px !important;
  }

  .upperContentTab {
    padding-inline: 16px;
  }


  .techCareerTabs::-webkit-scrollbar-track,
  .techCareerTabs::-webkit-scrollbar {
    display: none;
  }

  .dsaiMobView {

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

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

    .illinoisWrapper {
      border-radius: 0 !important;
    }

    .heroHeadingTech {
      font-size: 40px;
    }



    .transformation .sectionHeadingItalic {
      line-height: 100% !important;
      font-size: 26px !important;
    }

    .transformation .sectionHeadingTech {
      line-height: 130% !important;
    }

    .heroHeadingItalic {
      font-size: 46px;
    }


    .pgpTimelineSec h2 {
      width: 100%;
      max-width: 62%;

    }

    .heroeadingFr {
      font-size: 46px;
    }

    .heroParaTech {
      font-size: 13px;
    }

    .herosectionHeadingItalic {
      font-size: 26px;
    }

    .sectionHeadingTech {
      font-size: 22px !important;
    }

    .fellow_fr {
      font-size: 26px !important;
    }

    .sectionHeadingFr {
      font-size: 25px;
    }

    .mwd40 {
      max-width: 100%;
    }

    .sectionGradientHeadIt {
      font-size: 24px;
    }

    .sectionGradientHead {
      font-size: 26px;
    }

    .sectionHeadingItalic {
      font-size: 26px;
    }

    .sectionParaTech {
      font-size: 13px;
    }

    .sectionParaTechThin {
      font-size: 13px;
      font-weight: 400;
      line-height: 160%;
    }

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

      .gradientSectionRight {
        padding: 20px;
        gap: 20px;
        max-width: 100%;
      }
    }

    .techHeroSectionWrapper {
      width: 100%;
    }

    .curriculumDsUpper {
      position: unset;
    }

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

    .buttonsParent {
      flex-direction: row;
      gap: 8px;
    }

    .swiper {
      overflow: hidden !important;
    }

    .feeBox {
      margin-top: 20px;
    }

    .heroWrapperHeadingDiv {
      position: unset;
      gap: 16px;
    }

    .feeStructureWrapper {
      flex-direction: column;
    }

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

    .mobResponsiveTable {
      min-width: 700px;
    }

    .yearUpperDivi h2 .italicFontBlack {
      font-size: 26px;
    }

    .investingImage {
      border-top-left-radius: 12px;
      border-top-right-radius: 12px;
    }

    .aiPackedLeft h2 {
      font-size: 22px !important;
    }

    .aiPackedLeft h2 span {
      font-size: 26px !important;
    }

    .mobResponsiveTable {
      overflow: scroll;
    }

    .feeStuctureTable {
      border-right: unset;
      padding-right: unset;
      overflow-x: scroll;
    }

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

    .tableBodyDsai td {
      text-wrap: nowrap;
    }

    .feeStructureRight {
      padding-top: 60px;
      padding-left: unset !important;
    }

    .pgpTimelineSec {
      padding: 40px 0 !important;
    }

    .feeStuctureTable::-webkit-scrollbar-thumb {
      display: block !important;
      background: var(--grey);
    }

    .feeStuctureTableRight::-webkit-scrollbar-thumb {
      display: block !important;
      background: var(--grey);
    }

    .tableRightTech {
      min-width: 450px;
    }

    .feeProcess .rightSection .leftHeading {
      font-size: 1rem;
      font-family: "go-semibold";
      width: 100%;
    }

    .mobHeader .leftHeading {
      font-size: 20px !important;
      font-family: var(--go-thin) !important;
    }

    .mobHeader .timelineText {
      font-size: 24px;
    }

    .investimgbox .investimgboxWrap {
      position: relative;
      top: 0;
    }

    .feeDetails .feeContainer {
      margin-top: 20px;
      flex-wrap: wrap;
      gap: 30px;
    }

    .feeDetails .feeContainer .menuItems {
      width: 100%;
      flex-wrap: nowrap;
      overflow: auto;
      flex-direction: row;
      margin-top: 30px;
      align-items: center;
    }

    .feeDetailBox {
      max-width: unset;
    }

    .highlightTechBelowChild {
      min-width: 300px;
      max-height: 500px;
    }

    .highlightTechBelow {
      overflow-x: auto;
    }

    .headingButtonWrap .headingLeft {
      width: 100%;
    }

    .heroHeading h1,
    .italicFontHeading {
      font-size: 30px !important;
    }

    .feeDetails {
      padding-bottom: 80px !important;
    }

    .weightage .number {
      font-size: 14px;
    }

    .dsaiAdmission .weightage .heading {
      font-size: 16px;
    }

    .feeDetails h2 {
      font-size: 22px;
    }

    .pgpTimelineSec .sectionHeading {
      font-size: 23px;
    }

    .heroHeading {
      gap: 16px;
      padding-inline: 5px;
    }

    .heroSubheading {
      font-size: 14px;
    }

    .gradientBackWrapper {
      flex-direction: column;
    }


    .whiteApplyButton {
      display: flex;
      padding: 8px 14px 8px 20px;
      gap: 8px !important;
      font-size: 12px !important;

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

    .downloadBroucherButton {
      font-size: 14px;
      padding: 10px 12px;
    }

    .parentOfLearnSection {
      flex-direction: column-reverse;
      gap: 40px;
    }

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

    .dsBelowRight {
      max-width: 100%;
    }

    .curriculumDsBelow .faqHeading {
      font-size: 18px;
    }

    .yearButton {
      font-size: 12px;
      padding: 6px 10px;
    }

    .techContentDivi .cardContentHeading {
      font-size: 16px;
    }

    .paraContent {
      gap: 12px;
    }

    .techWrapperHighlight,
    .highlightTechUpper {
      flex-direction: column;
    }

    .techWrapperHighlight {
      gap: 0px !important;
    }

    .techUpperHighlightLeft {
      max-width: unset;
      justify-content: flex-start !important;
    }

    .companiesLogoDivi {
      flex: 1 1 calc((100% - 16px) / 2);
    }

    .techUpperHighlightLeft {
      max-width: 100% !important;

      .gradientItalicText {
        font-size: 28px !important;
      }
    }

    .techUpperHighlightLeft h2 {
      font-size: 23px;
    }

    .pgpTechParent h2 span {
      font-size: 25px !important;
    }


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

    .futureGroup {
      gap: 10px;
    }

    .futureGroup .txtgroup h6 {
      font-size: 18px !important;
    }

    .futureGroup .txtgroup>p {
      font-size: 14px;
    }

    .classprofile .sectionHeading {
      font-size: 22px !important;
    }

    .pgpMapSustain .sustainLeft h2 {
      font-size: 22px !important;
    }

    .pgpMapSustain .sustainLeft h2 span {
      font-size: 26px !important;
    }

    .industryHeading {
      font-size: 22px !important;
    }

    .industryHeading span {
      font-size: 26px !important;
    }

    .classprofile .sectionHeading span {
      font-size: 26px;
    }

    .techClassProfile .studentInternshipWrapper {
      padding: 20px;
    }

    .paddingY {
      padding: 55px 0 !important;
    }

    .investimgboxWrap .box h3 {
      font-size: 20px;
    }

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

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

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

    .studentJourneyWrap {
      flex-direction: column;
    }

    .exploreCampusBelow {
      top: 25%;
    }

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

    .integratedPgpTech {
      flex-direction: column;
      gap: 40px;
      /* margin-top: 30px !important; */
    }

    .parentPgpGraduate .integrated1 {
      margin-top: 35px;
    }

    .alumniSpotlightWrap .alumniheroLeft {
      width: 100%;
    }

    .studentInternshipWrapper {
      padding: 40px 19px;
      border-radius: 16px;

    }

    .inTheNews .headingWrapperButton {
      padding: 0 14px;
      flex-direction: row;
      align-items: center !important;
    }

    .integratedLeft h2 {
      font-size: 23px;
    }

    .blurBgButton {
      font-size: 14px;
    }

    .headingBuilding {
      padding: 0 20px !important;
    }

    .illinoisWrapper {
      padding: 55px 0 !important;
      border-radius: 0 !important;
      gap: 30px;
    }

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

    .subHeadingTech {
      max-width: unset;
    }

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

    .immersionBtnMob {
      display: flex !important;
    }

    .subHeadingTech {
      font-size: 22px;
    }

    .illinoisItalicPara {
      font-size: 26px;
    }

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


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

    .illinoisBelowDivi {
      flex-direction: column;
      gap: 20px !important;
    }

    .illinoisBelowDivi .gradientItalicText {
      font-size: 26px;
    }

    .circleNumber {
      font-size: 11px;
      border-radius: 60px;
      border: 0.5px solid var(--New-Color-Neutral-404040, #404040);
    }

    .gradientSectionRight {
      max-width: unset;
    }

    .feeProcessContainer:nth-of-type(1)::after {
      background: black;
      width: 30px;
      height: 80px;
      content: '';
      position: absolute;
      z-index: 2;
      top: -48px;
      left: 5px;
    }

    #growingDiv {
      top: -18px !important;
      max-height: 96% !important;
      width: 6px;
    }

    .masterPlay img {
      max-width: 46px;
      max-height: 46px;
    }

    .investimgbox .investimgboxWrap {
      top: -10px;
    }

    .investinFuture h2 {
      width: 100%;
      max-width: 75%;
    }

    .investingImageMob {
      border-top-left-radius: 16px;
      border-top-right-radius: 16px;
    }

    .exploreCampus {
      height: 90vh;
    }

    .whiteHeadingTech {
      font-size: 22px !important;
      font-family: var(--go-thin);
    }

    .yearUpperDivi h2 .applicationSpan {
      font-size: 26px;
    }

    .curriculum .whiteHeadingTech span {
      font-size: 26px;
    }

    .bannerSubheading {
      font-size: 14px;
    }

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

    .italicMob {
      font-size: 26px;
    }

    .parentFlagSection {
      gap: 20px;
    }

    .sectionRightSubheading {
      font-size: 13px;
    }

    .stickyDiv {
      position: unset;
    }

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

    .onScrrollParentWrapper .stickyDiv:nth-child(2) {
      padding: 35px 0 0;
    }

    .yearParent,
    .yearSectionWrapper {
      gap: 40px;
    }

    .futureReadyWrap .txtgroup>p {
      display: unset;
    }

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

    .yearBelowDivi {
      flex-direction: column;
    }

    .yearBelowLeft {
      flex-direction: row;
    }

    .yearBelowRight {
      padding: 20px 10px;
    }

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

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

    .aiToolsRight {
      max-width: unset;
    }

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

    .belowLeftYearChild {
      min-width: 170px;
    }

    .headingBuilding h2 {
      font-size: 22px;
    }

    .headingBuilding {
      align-items: unset;
      flex-direction: column;
      gap: 10px;
    }

    .buildingSpan {
      font-size: 26px;
    }

    .rightContentOnclick {
      max-width: unset;
    }

    .enterPreneurshipParent {
      padding: 0 15px !important;
      flex-direction: column;
      gap: 16px;
    }

    #wrapper1 .enterPreneurshipParent {
      bottom: 18%;

    }

    .enterLogoParent>img {
      width: 45px;
    }

    .exploreCampusBelow {
      top: 20%;
    }

    .pt180 {
      padding-top: 80px !important;
    }

    .border_radius_bottom {
      border-radius: 20px !important;
    }

    .border_radius_top {
      border-radius: 0 !important;
    }


    .techHighlight .sectionHeading {
      color: unset;
    }

    .graduateReviews .sectionHeading {
      font-size: 23px;
    }

    .homeAlumni .swiper-slide {
      background: unset;
    }

    .illinoisTech .sectionHeadingThin {
      font-size: 22px !important;
    }

    .industryImmersionTech .sectionHeading {
      font-size: 23px;
    }

    .studentBuilding .sectionHeading {
      color: unset;
    }
  }

  .beyondWrapper {
    margin-bottom: 20px !important;
  }

  .ugTabs {
    .educationJourney .boxwrapper.rowReverseCoreWrapper {
      flex-direction: column-reverse;
      gap: 30px;
      margin-top: 30px;
    }


  }

  .intersectPhaseTwoMain {
    .studentContentWrapper {
      align-items: flex-start;
      flex-direction: column-reverse;
      gap: 8px;
    }

    .studentNameContent {
      flex-direction: row;
      justify-content: space-between;
    }

    .studentName {
      font-size: 20px;
      max-width: 100%;
    }

    .socialLinksStudent a {
      max-width: 28px;
      max-height: 28px;
    }

    .consultingPara {
      font-size: 14px;
    }

    .studentNameParent .consultingPara {
      width: 100%;
      max-width: 100%;
    }

    .studentNameParent {
      border-bottom: none;
      padding-bottom: 0;
      width: 100%;
      max-width: 60%;
    }

    .financeBox>img {
      max-width: 38px;
      max-height: 38px;
    }



    .profileLeft {
      position: unset;
      top: 0;
    }

    .studentProfileWrapper {
      flex-direction: column;
      gap: 40px;
      margin-top: 60px;
    }

    .profileRight {
      max-width: 100%;
    }

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

    .innovationDivi {
      max-width: 100%;
    }

    .inviteDivi {
      max-width: 100%;
    }

    .studentHeading {
      font-weight: 400;
    }

    .sectionParaText {
      font-size: 13px;
    }

    .studentGradientText {
      font-size: 32px;
    }

    .gradientEffectBlack {
      padding: 20px;
    }

    .impactParent .gradientButton button {
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .gradientButton button {
      padding: 8px 16px;
    }

    .impactParent {
      width: 100%;
    }

    .studentNameContent {
      align-items: center;
    }

    .impactParent {
      .gradientButton {
        max-width: 100%;
      }
    }

    .welcomeDivi .profilePara {
      font-size: 13px;
    }

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

    .transformingDivi {
      max-width: 100%;
    }

    .publishInsight {
      padding: 20px;
      gap: 20px;
    }

    .masterPhaseBoxi {
      max-width: 400px;
    }


    .workshopDivi {
      flex-direction: column;
    }

    .technologyIntWrapper {
      max-width: 100%;
    }

    .technologyBoxi {
      min-width: 80%;
    }

    .masterMailDivi {
      width: 100%;
      max-width: 96%;
    }

    .hotspotHeading {
      font-size: 14px;
    }

    .workshopImageWrapper,
    .workshopContent {
      max-width: 100%;
    }

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

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

    .intersectEventBoxi {
      max-width: 100%;
    }

    .eventMode {
      padding: 0 20px 16px 10px;
    }

    .intersectLogo {
      max-width: 50px;
      max-height: 50px;
    }

    .addressText {
      font-size: 11px;
    }

    .opportunityWrapper {
      flex-direction: column;
    }

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

    .jobLeft {
      max-width: 100%;
    }

    .jobBoxi {
      display: flex !important;
      justify-content: flex-end;
      align-items: flex-end;

    }

    .mentorShipBtn {
      margin-top: 20px;
    }

    .workDiv {
      gap: 10px;
    }

    .guidanceBoxi {
      width: 100%;
      max-width: 46%;
      padding-right: 0;
      border-right: none;
    }

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

    .applyNowJob {
      .supportSection {

        .supportLeft {
          display: none;
        }

        .supportRight {
          max-width: 100%;
          padding: 15px 20px;
        }

        .popClose>img {
          max-width: 30px;
          max-height: 30px;
        }

        .txtWrapper p {
          font-size: 13px;
        }

        .txtBox>img {
          max-width: 25px;
          max-height: 25px;
        }

        .contactWrapper {
          width: 100%;
          padding-top: 20px;
        }

        .wrapperInt {
          gap: 20px;
        }
      }
    }

  }

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

    .higherStudiesLeft {
      min-height: unset !important;
    }


    .higherStudiesWrapper {
      flex-direction: column-reverse;
      gap: 24px !important;
    }

    .studiesRight {
      margin-top: 24px;
    }

    .diviCareer {
      padding: unset !important;
    }


    .techCareerTabs {
      overflow: auto;
    }

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

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

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

    .higherStudyContent {
      flex-direction: column;
      /* padding: 0 16px !important; */
      gap: 8px;
    }

    .techUpperHighlightLeft {
      align-items: center;
      justify-content: center;
    }

    .techUpperHighlightLeft .companiesLogoDivi {
      max-width: 176px !important;
    }

    .companiesLogoDivi>img {
      width: 176px;
    }

    .careerContentTech {
      gap: 40px;
    }

    .aiPackedWrapper {
      padding: 0px 16px;
      flex-direction: column;
      gap: 40px !important;
    }

    .classRoomWrapper h2 span {
      font-size: 26px !important;
    }

    .makingSectionDiv h2 span {
      font-size: 24px !important;
    }

    .aiPackedLeft {
      padding: 0;
    }

    .aiPackedRight {
      max-height: 254px;
    }

    .aiPackedBoxi p {
      font-size: 16px;
    }

    .classRoomWrapper {
      padding: 0px 16px;
      gap: 40px !important;
    }

    .classRoomUpper {
      flex-direction: column;
      gap: 30px;
      align-items: flex-start !important;
    }

    .classRoomWrapper h2 span {
      font-size: 26px !important;
    }

    .pHeading .whiteHeadingTech span {
      font-size: 26px;
    }

    .classRoomWrapper h2 {
      font-family: var(--go-regular) !important;
      font-size: 22px !important;
    }

    .classRoomWrapper .content {
      overflow: auto;
    }


  }

  .pgpMapSustain .container {
    padding-left: 0;
    padding-right: 0;
  }

  .sustainMapBoard {
    padding: 80px 20px;
  }

  .pgpCount {
    justify-content: space-around;
  }

  .techClassProfile .countValuePgp h4 {
    font-size: 36px !important;
  }

  .selectingStudents .cardsWrapper .gridBox {
    max-width: 100%;
  }

  .techDsaiHomePage {

    .stickymenu {
      top: 3rem;
    }

    .techUpperHightlightRight {
      max-width: unset !important;
    }

    .integratedPgpTechWrap.flexi {
      flex-direction: column-reverse;
    }

    .integratedPgpTechWrap {
      flex-direction: column-reverse;
    }

    .integratedLeft {
      max-width: unset !important;
      padding: unset !important;
      gap: 20px;
    }

    .pgpTechParent {
      gap: 12px;
    }

    .yearSection .belowLeftYearChild:last-child {
      border-bottom: 1px solid var(--grey20);
    }

    .yearSection .belowLeftYearChild:last-child.active {
      border-bottom: 1px solid var(--black);
      transition: 0.4s ease-in-out;
    }

    .yearSection .yearBelowLeft {
      position: sticky;
      top: 6.5rem;
      z-index: 10;
      background: white;
      /* overflow: auto; */
      padding: 0 20px;
    }

    .belowLeftYearChild {
      padding-right: 24px;
    }

    ul.stickyBox.faqtabs {
      display: flex;
    }

    .graduateReviews .container {
      padding-left: 0;
      padding-right: 0;
    }

    .logoImage>img {
      width: 30px;
    }

    .techLogo {
      flex-wrap: wrap;
      /* margin-top: 35px; */
    }

    .highlightTechUpper {
      padding-inline: unset !important;
      gap: 16px;

    }

    .techAdmission .tableCaution {
      align-items: flex-start;
    }
  }

  .pgpNew {

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

    .heroSectionImg video.mob-visible {
      width: 100%;
    }

    .techHeroSection {
      padding: unset !important;
    }

    .illinoisRight {
      max-width: unset;
    }

    .heroWrapperHeadingDiv {
      position: relative;
      gap: 16px;
      margin-top: -230px;
      left: 0;
    }

    .illinoisSubHeding {
      font-size: 14px;
    }

    .subPointer {
      font-size: 14px;
      text-wrap: nowrap;
    }

    .headingsLeft {
      max-width: unset;
    }

    .concentrationRight {
      max-width: unset;
    }

    .coreWrapper {
      gap: 50px;
    }

    .tradingHeading {
      font-size: 16px;
    }

    .tradingPara {
      font-size: 13px;
    }

    .roadmapBox {
      min-height: 214px;
      max-width: 330px;
      width: 100%;
      padding: 12px 20px;
    }


    .illinoisTech .illinoisBelowDiviRight {
      max-width: unset;
    }

    .eduTheorists .theoristWrapper {
      flex-direction: column;
    }

    .theoristLeft {
      max-width: unset;
    }

    .theoristRight {
      max-width: unset;
    }

    .illinoisTech.blackBg .illinoisBelowDivi {
      flex-direction: column;
    }

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

    .illinoisTech.blackBg .illinoisBelowDiviRight {
      max-width: unset;
    }

    .theoristHeading {
      font-size: 22px;
    }

    .thoristHeadingFr {
      font-size: 24px;
    }

    .LearnApply .learnBelowWrapper {
      flex-direction: column;
    }

    .LearnApply .learnBelowLeft {
      max-width: unset;
    }

    .LearnApply .learnBelowRight {
      max-width: unset;
    }

    .learnBelowWrapper {
      padding: 24px 16px;
    }

    .techHeroSectionWrapper .heroHeadingTech {
      font-size: 30px !important;
      line-height: 120%;
    }

    .heroHeadingItalic {
      font-size: 32px !important;
    }

    .techAdmission .dsaiTable th {
      text-wrap: nowrap;
    }

    .blurBgButton {
      padding: 12px 14px;
      gap: 5px;
    }

    .whiteFillButton {
      padding: 12px 14px;
    }

    .portfolioStepWrapper.step1 {
      max-width: 358px;
    }

    .portfolioStepWrapper.step2 {
      max-width: 331px;
    }

    .portfolioStepWrapper.step3 {
      max-width: 304px;
    }

    .portfolioStepWrapper.step4 {
      max-width: 277px;
    }

    .portfolioStepWrapper.step5 {
      max-width: 250px;
    }


    .portfolioStepWrapper.step6 {
      max-width: 223px;
    }

    .faqHeadingsWrapper.mobView {
      display: flex;
      padding-top: 40px;
      overflow-y: auto;
      position: sticky;
      top: 5rem;
      z-index: 10;
      gap: 24px;
      background: var(--white);
    }

    .faqHeadingsWrapper .yearButton {
      background: var(--grey4);
      color: var(--black);
      font-size: 14px;
    }

    .faqHeadingsWrapper .faqHeading {
      font-size: 14px;
    }

    .heroWrapperButtons .blurBgButton {
      border: unset;
      background: unset;
      font-size: 13px;
    }

    .heroWrapperButtons .whiteFillButton {
      font-size: 13px;
      max-width: unset;
      justify-content: center;
    }

    .heroWrapperButtons {
      width: 100%;
    }

    .techHeroSection {
      padding: unset;
    }

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

    .LearnApply .contentSubHeading {
      font-size: 13px;
    }

    .LearnApply .contentList {
      font-size: 13px;
    }

    .faqHeadingItem {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      /* padding-right: 24px; */
      border-bottom: 1px solid var(--grey20);
      min-width: max-content;
      padding-bottom: 6px;
      gap: 20px;
      overflow: hidden;
    }

    .faqHeadingItem .faqHeading {
      font-size: 14px;
      color: var(--grey15);
    }

    .faqHeadingItem.active {
      border-bottom: 1px solid var(--black);

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

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

    .highlight .classRomFaqWrap {
      margin-top: 20px;
      border: unset;
      position: relative;
      z-index: 9;
      background: var(--white) !important;
    }

    .highlight .curriculumOutclassDs {
      background: var(--white) !important;
    }

    .highlight .curriculumDsUpper {
      background: var(--white);
    }

    .highlight .classRomFaqAns {
      display: block !important;
    }

    .marquee3.mobVisible {
      display: flex !important;
    }

    .marquee__inner {
      animation: marqueeReverse 45s linear infinite;
    }

    .subPointer.mobGap {
      display: flex;
      align-items: center;
      gap: 2px;
    }

    .impactScroll {
      .impactWrapper {
        display: flex;
        flex-direction: column-reverse;
        gap: 32px;
      }

      .impactRight {
        width: unset;
      }

      .impactLeft {
        width: unset;
      }

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

      .impactHeading {
        font-size: 24px;
        line-height: 130%;
      }

      .impactGradientItalic {
        font-size: 24px;
      }

      .appliedPara {
        font-size: 13px;
      }

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

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

    .expertCommunity {
      background: linear-gradient(to bottom, var(--white) 78%, var(--black) 31%);
    }

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

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

    .investinFuture .investimgboxWrap .box:first-child {
      border-right: unset;
    }

    .investinFuture .investimgboxWrap .box:nth-child(2) {
      border-right: unset;
    }

    .investinFuture .contentWrap {
      flex-direction: column;
    }

    .illinoisWrapper {
      padding: 0px;
    }

    .masterDetailBox {
      padding: 16px;
      top: 0px;
      gap: 4px;
    }

    .masterData {
      gap: 6px;
    }

    .masterDetailBox .masterName {
      font-size: 16px;
    }

    .masterDetailBox .masterDesignation {
      font-size: 14px;
    }

    .inclassansUl {
      overflow: auto;
    }

    .impactScroll {

      padding: 40px 0 !important;
      border-top: 1px solid var(--black5);

      .impactLeft {
        width: 100%;
      }

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

      .impactLeftBox {
        position: relative;
        padding-left: 0;
        min-height: unset;
      }

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

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

      .ulListWrapper {
        .appliedPara {
          font-size: 14px;
        }

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

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

      .impactLeftBoxInner {
        gap: 40px;
      }
    }


    .classRomFaqWrap.steps:last-child {
      margin-bottom: unset;
    }


  }

  .tradingWebpage .cmtGrow {
    #growingDiv {
      top: 100px !important;
      width: 5px;
    }
  }

  .lifeLongPage {
    .inspiringHeading {
      font-size: 22px;
    }

    .businessSharkMobSection .businessSharkMobWrapper {
      display: flex;
      flex-direction: column;
      gap: 48px;
    }

    .businessHeadingWrapper {
      display: flex;
      flex-direction: column;
      gap: 10px;
      text-align: center;
      align-items: center;
      justify-content: center;
    }

    .pedagPara {
      font-size: 13px;
      line-height: 150%;
      font-family: var(--go-regular);
      color: var(--grey17);
      opacity: 0.6;
    }

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

      .networkHeading {
        font-size: 18px;
        line-height: 120%;
        font-family: "Fraunces", serif;
        font-weight: 600;
      }

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

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

    .growthNetworkDivi:nth-child(odd) {
      display: flex;
      flex-direction: column-reverse;
    }

    .whiteApplyButton {
      align-self: self-end;
    }

    .networkingParent {
      overflow: hidden;
    }
  }

  .muDUScholar {
    .talentWrapper {
      flex-direction: column;
      gap: 40px;
    }

    .talentLeft {
      max-width: unset;
    }

    .sectionSubHeading {
      font-size: 16px;
    }

    .talentRight {
      max-width: unset;
    }

    .topSectionPara {
      font-size: 13px;
    }

    .applyBox {
      max-width: 48%;
    }

    .boxContent {
      font-size: 13px;
    }

    .placementButton .whiteApplyButton {
      font-size: 16px;
    }

    .detailWrapper {
      flex-direction: column;
    }

    .detailLeft {
      max-width: unset;
    }

    .detailText {
      font-size: 13px;
    }

    .detailRight {
      max-width: unset;
    }

    .criteriaWrapper {
      flex-direction: column-reverse;
    }

    #growingDiv {
      top: 42%;
      left: calc(4.5% - 0.2px);
      max-height: 61.3%;

    }

    .scholarHeadingWrapper {
      gap: 19px;
    }

    .feeButtonWrapper {
      gap: 5px;
    }

    .greyButton {
      padding: 8px;
      font-size: 11px;
    }

    .feeProcessContainer {
      margin-top: unset;
    }

    .feeBox {
      margin: unset;
    }

    .criteriaLeft {
      gap: 35px;
      margin-top: 24px;
    }

    .duMuHeroWrapperHeadingDiv {
      left: 10px;

    }

    .duHeroPara {
      font-size: 18px;
    }

    .form.regBox {
      width: 100% !important;
    }

    .eligibility .feeProcessContainer .rightSection::before {
      left: 4.5%;
    }

    .eligibility .feeProcessContainer .rightSection:not(:last-child)::before {
      height: calc(100% - 40px);

    }

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

    .feeProcessContainer .rightSection::before {
      height: 190% !important;
    }

    .feeButtonWrapper .greyButton {
      min-width: max-content;
    }

    .feeProcessContainer .feeBox {
      width: 100%;
    }

    .duMuHeroWrapperHeadingDiv {
      bottom: 32px;
    }
  }

  .muDUMenu .menuLogo {
    width: 40%;
  }

  .ughighlight .inTheNews .box>img {
    min-width: unset;
    min-height: 331px;
  }

  .techDsaiHomePage.dsaiRedesign {
    .hsPara {
      gap: 8px;
    }

    .illinoisWrapper {
      padding: 0 !important;
    }

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

    .onScrrollParentWrapper .stickyDiv:nth-child(2) {
      padding-top: 35px !important;
    }

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

    .highlight {
      .borderGradient .gridBox::after {
        position: absolute;
        content: "";
        top: 20px;
        right: 20px;
        background: url(https://images.mastersunion.link/uploads/20022025/v1/Frame.svg), no-repeat;
        width: 30px;
        height: 30px;
      }

      .overlayHeading {
        border-bottom: unset;
        padding-bottom: 0;
        margin-bottom: 6px;
        display: block;
        width: 100%;
        line-height: 120%;
        font-size: 20px;
        font-weight: 400;
        font-family: "Fraunces", serif;
        color: var(--white) !important;
      }

      .floatingText {
        line-height: 100%;
      }

      .vibrantcomm .gridBox {
        max-height: unset;
      }
    }

    .classprofile {
      .cohordLi {
        padding: 0 25px 12px 20px;
      }

      .yearText {
        font-size: 14px;
      }

      .searchBtn {
        padding: 6px 14px;

        svg {
          max-width: 18px;
          max-height: 18px;
        }
      }

      .cityWrapper {
        top: 40%;
      }
    }

    .curriculumDsUpper {
      gap: 28px;
      padding-block: 0;
    }

    .floatingText {
      font-size: 20px;
    }

    .blurBgButton {
      gap: 8px;
    }

    .whiteApplyButton,
    .downloadBroucherButton,
    .blurBgButton {
      svg {
        width: 19px;
        height: 20px;
      }
    }

    .feeDetails .feeContainer {
      gap: 40px;
    }

    .illinoisBelowDivi .sectionHeadingTech {
      max-width: 100%;
    }

    .gridBox:hover .overLayDetail {
      display: none;
    }

    .gridBox::before {
      display: none;
    }

    /* .vibrantcomm .headingsRight {
      text-align: end;
    } */

    #growingDiv {
      left: 8%;
    }

    .feeDetails .feeContainer .menuItems {
      max-width: 100%;
      gap: 30px;
      align-items: center;
    }

    .curriculumOutclassWrapper {
      gap: 40px;
    }

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

    .mobResponsiveTable {
      min-width: 550px;
    }

    .techAdmission .feeBox .body {
      padding: 18px 12px;
    }

    .detailsList .subHeading {
      font-size: 16px;
      font-weight: 600;
      line-height: 140%;
      color: var(--black);
    }

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

    .curriculumHead {
      font-size: 13px;
    }

    .tableRightTech {
      min-width: 400px;
    }

    .reachout .txtBox {
      align-items: flex-start;
    }

    .yearBelowRight {
      gap: 15px !important;
    }

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

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

    .aiToolsParent {
      gap: 15px !important;
    }


    .yearBelowRightHeading p:first-child {
      font-size: 16px;

      span {
        font-size: 18px;
      }
    }

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

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

    .flagParentDivi {
      width: 100%;
    }

    .flagParentDivi.new img {
      max-width: 24%;
    }

    .gradientBackground.transformation .buttonsParent {
      justify-content: flex-end;
    }

    .reachout.gradientBackground .gradientSectionRight {
      padding: 20px;
    }

    .inTheNews .boxTech {
      min-width: unset;
      min-height: unset;


      img {
        min-width: unset;
        min-height: unset;
      }

    }

    .inTheNews .mt40 {
      margin-top: 20px !important;
    }

    .alumniSpotlightWrap {
      gap: 20px;
    }

    .masterRight .masterSwiper {
      padding-bottom: 20px;
      margin-bottom: 10px;
    }

    .gradientBackground.transformation .gradientBackWrapper {
      gap: 0;
    }

    .transformation .swiper-pagination {
      padding: 0;
    }

    .gradientBackground.transformation .swiper-pagination {
      position: absolute !important;
      top: 96% !important;
      left: 44% !important;
    }

    .gradientBackground.transformation .masterRight,
    .gradientBackground .gradientSectionRight {
      max-width: 100%;
    }

    .circleNumber {
      max-height: 25px;
    }

    .UnderillinoisWrap {
      gap: 20px;
    }

    .expertsDivi {
      gap: 12px;
    }

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

    .gradientBoxiSection {
      .smallBoxi {
        max-width: 100%;
      }

      .gradientRightDivi {
        max-width: 100%;
        padding: 16px;
      }

      .buttonsParent {
        gap: 6px;
        margin-top: 25px;
      }

      .rightBoxiSection {
        max-width: 54%;
      }

      .gradientRightLeft {
        max-width: 46%;
      }

      .whiteApplyButton {
        gap: 8px;
        max-width: 41%;
        padding: 9px;
        text-wrap: nowrap;
        justify-content: space-around;
        font-size: 12PX !important;
      }

      sup {
        font-size: 14px;
        position: relative;
        top: 5px;
      }

      .boxiParentMob {
        display: flex !important;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: space-between;
      }

      .downloadBroucherButton {
        max-width: 58%;
        padding: 9px;
      }

      .classText {
        font-size: 18px;
      }

      .classPara {
        font-size: 13px;
      }

      .classContentBoxi {
        border-top: unset;
        padding-top: 0;
      }

      .buttonsParent.mobChange {
        flex-direction: column !important;
      }

      .mobChange .whiteApplyButton {
        padding: 14px 24px;
        max-width: fit-content;
      }

      .mobChange .downloadBroucherButton {
        padding: 14px 24px;
        max-width: fit-content;
      }

    }

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

    .illinoisTech.illinoisCurriculum {
      border: none;
    }

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

      .whiteApplyButton {
        padding: 9px 14px;
        font-size: 12px;
      }

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

    }


  }

  .gradientBackground.transformation {
    .gradientSectionRight {
      max-height: unset !important;
      max-width: 100% !important;
      padding: 20px !important;
    }
  }

  .ughighlight .illinoisBelowDivi .sectionHeadingBold {
    font-size: 23px;
  }

  .ughighlight .transformation.collaboration {
    padding-bottom: unset !important;
  }

  .ughighlight .feeProcess {
    padding-top: 50px !important;
  }

  .ughighlight #growingDiv {
    top: 85px !important;
    width: 5px;
    left: 8.2%;
  }



  .ugTech {
    .ugText .cardContentHeading {
      font-size: 16px !important;
    }

    .ugText .cardSubContent {
      font-size: 14px !important;
    }

    .headingLeft.ugfix {
      width: 100% !important;
    }

    .techHighlight .exploreMoreButton {
      font-size: 14px !important;
      padding: 8px 14px 8px 20px;
    }

    .integratedLeft h2 {
      font-size: 20px !important;
    }

    .pgpTechParent h2 span {
      font-size: 20px !important;
    }

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

    .techUpperHighlightLeft h2 {
      font-size: 22px !important;
    }
  }

  .ughighlight .pgpMapSustain {
    margin-top: unset !important;
    padding-bottom: unset !important;
  }

  .ughighlight .stickymenu {
    top: 50px;
  }

  .ughighlight .pgpTimelineSec h2 {
    max-width: 100% !important;
  }

  .ughighlight .mobHeader .leftHeading {
    font-family: var(--go-regular) !important;
  }

  .logoSlider {
    width: 80% !important;
  }

  .studentInternshipWrapper {
    padding: 40px 19px !important;
    border-radius: 16px !important;
  }

  .graduateReviews .sectionHeading {
    font-size: 22px !important;
  }

  .ughighlight .sectionHeading {
    font-size: 22px !important;
  }

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

  .WhiteTabs.teaching .headingWrap {
    margin-bottom: unset !important;
  }

  /* student Enterpreneurship Page */

  .studentEnter {


    .studentWrapperHeadingDiv {
      position: relative;
      bottom: 82px;
      left: 0;
      padding-inline: 15px;
      width: 100%;

    }

    .studentWrapperHeadingDiv .whiteFillButton {
      padding: 14px 24px;
    }

    .studentPara {
      font-size: 22px;
    }

    .sectionHeadingTech {
      font-size: 22px;
      line-height: 120%;
    }

    .sharkTankHeadIt {
      font-size: 24px;
    }

    .flowingText {
      font-size: 20px;
    }

    .highSchlHeading {
      font-size: 22px;
      line-height: 120%;
    }

    .schlHeadingBold {
      font-size: 24px;
      line-height: 120%;
    }

    .businessFounder {
      padding-top: 60px !important;
      padding-bottom: 0 !important;
    }

    .businessFounder .gradientBold {
      font-size: 24px;
      line-height: 120%;
    }

    .businessSubHead {
      text-align: center;
      font-size: 13px;
    }

    .schlSubHead {
      font-size: 13px;
      text-align: center;
      line-height: 150%;
    }

    .highSchoolHeadWrapper {
      gap: 32px;
    }

    .businessWrapper {
      gap: 40px;
    }

    .headingNumber {
      font-size: 24px;
      line-height: 120%;
    }

    .highSchool .newDropSlider {
      margin-top: 32px;
    }

    .numberText {
      font-size: 12px;
    }

    .highHeadingLower {
      gap: 36px;
    }

    .schlHeadingBox {
      padding-right: 30px;
      gap: 0px;
    }

    .businessNumberText {
      font-size: 12px;
    }

    .souravS .watchPlayText {
      position: absolute;
      top: 45%;
      left: 45%;
      cursor: pointer;
      z-index: 99999;
    }


    .businessHeadLower {
      gap: 10px;
    }

    .initiationProgram {
      padding: 0px !important;
      line-height: 0;
    }

    .initiationHeading {
      font-size: 24px;
      line-height: 120%;
      text-align: center;
    }

    .initiationSubHead {
      font-size: 13px;
      padding-inline: 15px;
    }

    .initiationWrapper {
      gap: 32px;
    }

    .startupCard {
      max-width: unset;
    }

    .marqueeHeading {
      font-size: 20px;
    }

    .marqueBold {
      font-size: 22px;
    }

    .contentText {
      font-size: 20px;
      line-height: 180%;
    }

    .fellowSubheading {
      font-size: 13px;
      line-height: 150%;
    }

    .fellowBold {
      font-size: 13px;
      line-height: 160%;
    }

    .founderHeading {
      font-size: 24px;
    }

    .vFounderText p {
      font-size: 24px;
    }

    .founderFellowship {
      padding-top: 0px !important;
    }

    .founderFellowship .fundBoxi h2 {
      font-size: 32px;
    }

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

    .headingBuildItalic {
      font-size: 24px;
    }

    .founderFellowship .fundBoxi p {
      font-size: 12px;
    }

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

    .highSchool {
      background: unset;
    }

    .ourWrapper {
      gap: 16px;
    }

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

    .investmentFund .sectionHeading {
      font-size: 50px;
      line-height: 100%;
      font-family: "Fraunces", serif;
      font-weight: 400;
    }

    .portfolioPerformance {
      padding-top: 40px !important;
      /* background: linear-gradient(to bottom, var(--white) 50%, var(--black) 50%); */
    }


    .investmentFund .buildingImage {
      margin-top: 20px !important;
    }

    .swiper-slide-active .left,
    .swiper-slide-active .right {
      width: 100%;
      max-width: 170px;
    }

    .sharkTank .sharkTankSlide .right {
      position: absolute;
      right: -1rem;
      top: -3rem;
    }

    .sharkTank .sharkTankSlide .left {
      position: absolute;
      left: -2rem;
      top: 21rem;
      max-width: 210px;
      height: unset;
      scale: unset;
    }

    .typeWriter {
      background: unset;
    }

    .souravS {
      padding-block: 49px !important;
    }

    .businessFounder .ceoSlider {
      overflow: hidden !important;
    }

    .sharkTank.studentExperience {

      .swiper-slide-active .left {
        opacity: 1;
        transition: unset !important;
        width: 100%;
        max-width: 199px;
        min-height: 96px;

      }

      .swiper-slide-active .right {
        opacity: 1;
        transition: unset !important;
        width: 100%;
        max-width: 170px;
        min-height: 96px;

      }
    }

    .sharkSubHead {
      font-size: 13px;
      text-align: center;
    }

    .startups {
      padding: 0px !important;
      padding-bottom: 60px !important;
    }

    .topStartup {
      margin-top: -130px;
    }

    .studentsArticle .newsWrapper {
      margin-top: unset;
    }

    .startupCardWrapper {
      flex-direction: column;
    }

    .fellowshipHeadingWrap {
      gap: 8px;
    }

    .inTheNews .sectionHeadingItalic {
      font-size: 24px;
    }

    .fellowHeading {
      font-size: 32px;
    }

    .investmentFund .headingBuilding {
      left: 0;
      top: 30px;
      padding-inline: 8px !important;
    }

    .headingBuilding .sectionHeadingTech {
      text-align: unset;
    }

    .investmentFund .masterPlay {
      top: 79%;
      left: 49%;
    }

    .inTheNews .newsWrapper {
      gap: 8px;
    }

    .btnWhite {
      padding: 12px 16px;
    }

    .sectionSubHeading {
      font-size: 13px;
      line-height: 150%;
    }

    .arithmetic {
      font-size: 24px;
    }

    .businessHeadBox {
      gap: 0px;
      padding-right: 10px;
      align-items: center;
      justify-content: center;
    }


    .portfolioWrapper {
      gap: 30px;
    }

    .intersectHero.techHeroSection {
      padding-top: 47px !important;
    }

    .studentPBold {
      font-size: 24px;
    }

    .businessHeadLower {
      gap: 10px;
      flex-wrap: wrap;
      row-gap: 48px;
    }

    .businessHeadBox {
      gap: 0px;
      padding-right: 10px;
      align-items: center;
      justify-content: center;
      min-width: 47%;
    }

    .souravS {
      padding-top: 70px !important;
      padding-bottom: 83px !important;
    }

    .businessHeadBox:nth-child(2) {
      border-right: unset;
    }

    .studentEnterMaster .newMasterImgBox {
      position: relative;
      height: 393px;
    }
  }

  .detailsWrapper {
    top: 10px;
    gap: 0px;
  }

  .detailsWrapper .masterName {
    font-size: 16px;
    line-height: 150%;
  }

  .masterDesig {
    font-size: 13px;
    line-height: 150%;
  }

  .ceoSlider .swiper-slide-active {
    min-height: 454px;
  }

  .ceoSlider .swiper-slide-prev {
    scale: 0.9;
  }

  .ceoSlider .swiper-slide-next {
    scale: 0.9;
  }

  .flipCardText {
    font-size: 13px;
  }

  .flipFix {
    height: 100%;
    max-height: 45px;
  }

  .boardNewLinkedin,
  .inTheNews.studentsArticle,
  .investmentFund {
    padding: 40px 0px !important;
  }

  .startups .lensBoxi {
    width: 2%;
  }
}



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

  .homepage {
    & .tetrStartupSection {
      .swiper-slide-active {
        min-height: 530px !important;
        max-height: 500px !important;
      }
    }
  }

  .studentExperience {
    .pinBoxi {
      overflow: hidden;
      padding: 0 !important;
    }

    .travelling {
      overflow: visible;
    }

    .worldTravel:last-child {
      padding-right: 200px !important;
    }

    .newHeroMob {
      height: 200vh;
      overflow: hidden;
    }


    .initialWrapper,
    .afterWrapper {
      min-width: 100%;
      min-height: 100%;
    }

    .inifiniteParent {
      background: url(https://images.mastersunion.link/uploads/08082025/v1/Vector1352.svg) no-repeat left -93px top -12%,
        url(https://images.mastersunion.link/uploads/08082025/v1/Vector1353.svg) no-repeat right 2px top 70%,
        linear-gradient(to bottom, white 50%, black 50%);
      background-size: contain;
    }
  }


  html {
    zoom: 85% !important;
  }

  .fundBoxi {
    /* padding: 12px 40px; */
    min-width: 40%;
    max-width: 43%;
  }

}

@media (min-width:400px) and (max-width: 411px) {
  .getpreppedgif {
    width: 307px !important;
    height: 202px !important;
    left: 45px !important;
    top: 10px !important;
  }
}

@media (min-width:412px) and (max-width: 413px) {
  .getpreppedgif {
    width: 292px !important;
    height: 192px !important;
    left: 43px !important;
    top: 11px !important;
  }
}