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

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

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



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


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

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

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

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

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

       .container {
           padding: 0;
       }

       .textHighlight {
           color: #090909;
       }

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

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

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

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

       }

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

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


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

       .heroSectionImg iframe {
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           border: none;
           pointer-events: none;
           /* Prevent clicks on iframe */
       }

       .heroSectionImg::after {
           content: '';
           position: absolute;
           background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) -12.02%, rgba(0, 0, 0, 0.29) 50.35%, #000 119.89%);
           bottom: 0;
           left: 0;
           width: 100%;
           height: 100%;
       }

       .video-container {
           max-height: 94vh !important;
       }

       video {
           width: 100%;
           height: 100%;
       }

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

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

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

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


   }

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

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

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

       }

       .firstTbmBoxi {
           min-height: 114px;
       }

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

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

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

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

           }
       }

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

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

       }

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

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

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

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

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

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

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

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

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


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


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

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

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

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

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

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

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

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

           video {
               filter: brightness(0.5);
           }
       }

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

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

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

       }

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

       }

       .buildingWatchWrapper>img {
           width: 52px;
       }

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

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

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

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

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

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

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

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

       .perspectiveRight {
           width: 100%;
           max-width: 508px;
       }


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

       .transformationDivi {
           position: relative;
           max-height: 284px;
           overflow: hidden !important;
       }

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

       .masterSwiper {
           overflow: hidden !important;
       }

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

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

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

       .swiper-slide-active>img {
           border-radius: 8px;
           transition: 0.3s ease;
       }
   }

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

       .investmentWrapper {
           position: relative;
       }

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

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

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

       .fundWrapper {
           position: relative;
       }

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

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

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

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

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

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

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

       .insightSwiper {
           overflow: hidden !important;
       }

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

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

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

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

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

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

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

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

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

       .inisghtImageWrapper {
           position: relative;
       }

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

   }

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

       .linksWeb {
           width: 100%;
       }

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

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

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

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

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

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

       }

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

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

       .mailFooter {
           align-items: center;
       }

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

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

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

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

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

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

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

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

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

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

   .indiaMapSection {
       background: var(--white4);
       padding: 40px 0 !important;

       .indiaMapWrapper {
           background: var(--black);
           border-radius: 10px;
           padding: 40px 60px;
           display: flex;
           align-items: center;
           justify-content: space-between;
           width: 100%;
       }

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

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

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

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

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

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

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

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

       .mapOperator {
           font-size: 34px;
       }

       .mapRight {
           max-width: 36.8%;
       }
   }

   .impactScroll {
       padding-top: 40px;


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

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

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

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

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

       .mobImpactImage {
           position: relative;
       }

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

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

   }


   .dsaiMasters {
       background-color: var(--white);
       display: flex;
       flex-direction: column;
       /* Hide scrollbar for webkit browsers */
       scrollbar-width: none;
       /* Firefox */
       -ms-overflow-style: none;
       /* Internet Explorer 10+ */

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

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

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

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

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

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

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

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

       .mastersScroll {
           margin-top: 32px;
       }

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

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

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


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

       .podcastLeft a {
           gap: 10px;
       }

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

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

       .podcastHeadingWrapper {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

       .aiToolsLeft {

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

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

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

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

           }
       }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

       .blankDiv {
           min-height: 50px;
       }

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

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

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

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

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

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

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

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

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

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

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

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

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

   }


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

       }



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

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

           .lifeCardHeadWrapper {
               opacity: 0;
           }

       }

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

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

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

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

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

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

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

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

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

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

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

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

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

       .internshipWrapper {
           padding: 0 60px;
       }

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


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

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

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

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

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

       .internshipImage .masterPlay>img {
           width: 48px;
           height: 48px;
       }

       .internshipWrapper {
           background: var(--black);
           border-radius: 16px;
           padding: 40px 60px;
           display: flex;
           flex-direction: column;
           gap: 26px;
           align-items: flex-start;
       }

       .internshipCardWrapper {
           display: flex;
           align-items: stretch;
           gap: 40px;
           width: 100%;
       }

       .internshipImage {
           max-width: 545px;
           max-height: 350px;
           border-radius: 14px;
           position: relative;

           img {
               border-radius: 16px;
           }
       }

       .internshipStudentDetail {
           display: flex;
           flex-direction: column;
           align-items: flex-start;
           justify-content: space-between;
           width: 100%;
           max-width: 535px;
       }


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

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

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

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

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

       .internshipDivider {
           width: 100%;
           height: 1px;
           background: var(--grey3);
           max-height: 1px;
       }

       .studentThoughtPara {
           font-size: 13px;
           line-height: 150%;
           font-family: var(--go-regular);
           color: var(--grey10);
           border-top: 1px solid var(--grey3);
           padding-top: 24px;
           border-bottom: 1px solid var(--grey3);
           padding-bottom: 24px;
       }

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

       .studentNumber {
           padding: 8px 12px;
           border-radius: 8px;
           width: fit-content;
           display: flex;
           justify-content: center;
           align-items: center;
           background: var(--black5);
           text-align: center;
           font-size: 14px;
           line-height: 150%;
           font-family: var(--go-regular);
           color: var(--grey18);
       }

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

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

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


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

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

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

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

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

      } */

       .degreeImageWrapper {
           position: relative;
       }

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

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

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

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

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

       }

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

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

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

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

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

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

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

       .yellowArrow {
           vertical-align: middle;
       }
   }

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

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

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

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

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

       .marginblock20 {
           margin-block: 8px;
       }

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

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

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

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

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

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

       .dsBelowLeft.masterImage {
           overflow: unset;

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

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

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

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

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

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

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

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

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

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

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

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

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

       }

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

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

       .content.active {
           display: flex;
       }

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

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

       .outclassContentDivi {
           display: flex;
           flex-direction: column;
           border-bottom: 1px solid var(--grey4);
           gap: 6px;
       }

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

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

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

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

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

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

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

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

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

   .feeProcess {
       padding: 60px 0 65px;

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

       .feeProcessContainer {
           margin-bottom: 20px;
       }

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

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

       }

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

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

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

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

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

       }

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

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

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

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

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

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

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

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

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

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

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

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

       }

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

       }

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

       .financeContentWrapper {
           position: relative;
       }

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

       .financeDetailWrapper.active {
           display: block;
       }

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

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

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

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

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

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

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

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

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

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

   .higherStudies {
       max-height: 120vh;
       background: var(--white);

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

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

           .companiesLogoDivi {
               max-width: 148px;
           }

       }

       .jobScrollContentRight {
           display: flex;
           width: max-content;
           gap: 12px;
       }

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

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

           .divrow {
               display: flex;
               gap: 8px;
           }
       }

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

       .jobScrollContentLeft {
           display: flex;
           width: max-content;
           gap: 12px;
       }

       .higherStudiesWrapper {
           display: flex;
           gap: 50px;
           max-width: 100%;
           padding: 0;
       }

       .higherStudiesLeft {
           width: 100%;
           max-width: 50%;
           margin-bottom: -7px;
           margin-top: -8px;
           z-index: 5;

       }

       .higherStudiesLeft>img {
           min-height: 755px;
       }

       .diviCareer {
           display: flex;
           flex-direction: column;
           gap: 30px;
           padding-top: 60px;
           padding-bottom: 50px;
       }

       .tabimgages {
           height: 100%;

           img {
               height: 100%;

           }
       }

       .studiesRight {
           max-width: 600px;
       }

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

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

       .careerTabUl li {
           /* padding: 0 50px 0px 10px; */
           color: var(--grey);
           text-wrap: nowrap;
           display: flex;
           flex-direction: column;
           align-items: flex-start !important;
           padding: 0 50px 10px 10px;
           font-size: 16px;
           font-family: var(--go-semibold);
           cursor: pointer;
       }

       .careerTabUl li.active {
           position: relative;
           color: var(--black);
       }

       .numberTabs {
           font-size: 13px;
           font-family: var(--go-regular);
           font-weight: 400;
           color: var(--grey10);
           line-height: 120%;
       }

       .careerTabUl li.active .numberTabs {
           color: var(--black);
       }

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

       .careerContentTech {
           display: flex;
           flex-direction: column;
           gap: 37px;
       }

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

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

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

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

       .blackSemiPara {
           font-size: 20px;
           font-family: "Fraunces", serif;
           font-weight: 400;
           line-height: 140%;
           color: var(--black);
       }

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

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

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

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

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

       .aiPackedLeft {
           display: flex;
           flex-direction: column;
           gap: 20px;
           width: 100%;
           max-width: 548px;
           align-items: flex-start;
           justify-content: center;
           padding: 148px 0;
       }

       .aiPackedLeft p {

           font-size: 14px;
           font-family: var(--go-regular);
           line-height: 150%;
           color: var(--grey18);
       }

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

       .aiPackedBoxi {
           padding: 10px 20px;
           border: 1px solid var(--grey15);
           max-width: fit-content;
       }

       .aiPackedBoxi p {
           color: var(--white);
           font-size: 24px;
           font-family: "Fraunces", serif;
           font-weight: 350;
           font-style: italic;
       }

       .scroll-container {
           display: flex;
           flex-direction: column;
           position: absolute;
           width: 100%;
           gap: 20px;
       }
   }

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


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

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

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

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

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

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

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

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

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

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

       }

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

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

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

       .headingTable {
           font-size: 12px;
           line-height: 120%;
           font-family: var(--go-regular);
           color: var(--black5);
           padding: 12px 10px;
           text-align: start;
           font-weight: 400;
       }

       .timelineRow {
           font-size: 14px;
           line-height: 120%;
           font-family: var(--go-medium);
           color: var(--grey17);
           text-align: start;
           padding: 24px 10px;
           font-weight: 500;
       }

       .greyActive {
           padding: 4px 15px;
           justify-content: center;
           align-items: center;
           display: flex;
           border-radius: 60px;
           background: var(--grey4);
           font-size: 14px;
           font-style: italic;
           font-weight: 400;
           line-height: 120%;
           font-family: "fraunces", serif;
           width: fit-content;
       }

       .statusTable {
           padding: 6px 15px;
           justify-content: center;
           align-items: center;
           display: flex;
           font-family: "fraunces", serif;
           width: fit-content;
           background: #DDEBE5;
           border-radius: 60px;
           font-size: 14px;
           font-style: italic;
           font-weight: 400;
           line-height: 120%;
           color: #1C7C54;
       }

       .roundRow {
           border-bottom: 1px solid var(--grey4);
       }

       .applicationDivi {
           width: 100%;
       }

       .notActiveRow {
           .timelineRow {
               color: var(--grey10);
           }

           .statusTable {

               background: #FADFE1;
               font-size: 14px;
               font-style: italic;
               font-weight: 400;
               line-height: 120%;
               color: #DF2935;
           }

           .btnBlack.btnSm {
               backdrop-filter: blur(2.5px);
               border: 1px solid var(--Grey-70, #D4D4D4);
               background: var(--Grey-80, #E5E5E5);
               color: var(--grey10);
               min-width: max-content;
               pointer-events: none;

               svg path {
                   fill: #a3a3a3;
               }
           }

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

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

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

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

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

       .feeStructureLeft {
           max-width: 60%;
       }

       .feeStructureRight {
           max-width: 40%;
       }

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

       .feeStructureTable {
           border-collapse: collapse;
       }


       .feeDivider {
           width: 1px;
           background: var(--black5);
       }

       .feeStructureParent {
           width: 100%;
       }

       .feeStructureTable {
           width: 100%;
       }

       .feeHeadRow {

           border-radius: 16px 16px 0px 0px;
           background: var(--grey17);
       }

       .feeHeadCol {
           text-align: start;
           padding-right: 20px;
           padding: 12px 16px;
           vertical-align: bottom;
           line-height: 120%;
       }

       .feeHeadCol:first-child {
           border-top-left-radius: 4px;
           border-bottom-left-radius: 4px;

           /* or whatever px you want */
       }

       .feeHeadCol:last-child {
           border-top-right-radius: 4px;
           /* or whatever px you want */
           border-bottom-right-radius: 4px;
       }

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

       .feeYearGradient {
           font-size: 10px;
           line-height: 150%;
           font-family: var(--go-regular);
           text-transform: uppercase;
           background: var(--Linear-Gradient, linear-gradient(91deg, #39B5D7 1.8%, #F7D544 50.99%, #E38330 99.75%));
           background-clip: text;
           -webkit-background-clip: text;
           -webkit-text-fill-color: transparent;
           margin-bottom: 4px;
       }

       .bodyFeeCol {
           padding: 16px;
           text-align: start;
           font-size: 16px;
           line-height: 150%;
           font-family: var(--go-regular);
           color: var(--grey4);
           font-weight: 400;
           text-wrap: nowrap;
       }

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

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

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

       .cautionBlack {
           width: 100%;
           padding: 10px 20px;
           display: flex;
           align-items: center;
           gap: 10px;
           border-radius: 8px;
           background: linear-gradient(var(--grey17) 0 0) padding-box, var(--gradient) border-box;
           border: 1px solid transparent;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

       .centerBtn {
           align-self: center;
       }

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

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

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

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

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



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

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

       .cohortwrapper {
           justify-content: unset;
           column-gap: 55px;
       }

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

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

       .cohortwrapper .cohortCompany {
           font-style: italic;
           font-weight: 400;
           line-height: 120%;
           font-family: "Fraunces", serif;
       }

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

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

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

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

       .customDropdownWrapper {
           position: relative;
           width: 100%;
       }

       .dropdownList {
           position: absolute;
           width: 100%;
           display: none;
           background: var(--white);
           border: 1px solid #cccccc5e;
           border-radius: 12px;
           transition: all 0.3s ease;
           max-width: 88%;
           overflow: hidden;
           top: 59px;
           left: 4px;
           z-index: 0;
           box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.05);
       }


       .dropdownList li:hover {
           background: var(--grey4);
           color: black;
           transition: 0.4s ease-in-out;
       }

       .dropdownList li {
           padding: 20px 22px;
           cursor: pointer;
           transition: 0.4s ease-in-out;

       }

       .dropdownList li {
           border-top: 1px solid var(--grey4);
       }

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

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

       .custom-select {
           appearance: none;
           /* Standard */
           -webkit-appearance: none;
           /* Safari/Chrome */
           -moz-appearance: none;
           /* Firefox */
           background-image: none;
           /* Remove any default bg icon */
       }

       .arrowReport {
           transition: transform 0.3s ease;
       }

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

       .customDropdownWrapper .btnBlack {
           width: 100%;
           align-items: flex-start;
           justify-content: center;
           gap: 10px;
       }

       /* 
       .afterDivi ::after {
           content: "";
           display: inline-block;
           width: 24px;
           height: 24px;
           background-image: url("https://images.mastersunion.link/uploads/08072025/v1/Frame1321316511.svg");
           background-size: contain;
           background-repeat: no-repeat;
           right: 20px !important;
           position: absolute;
       } */

       .afterDivi .btnBlack {
           min-width: 90%;
       }



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

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

       .missionBtn:first-child {
           color: unset !important;
       }

       .missionBtn {
           padding: 8px 20px 10px 20px;
           font-size: 18px;
           font-weight: 350;
           line-height: 120%;
           color: var(--black);
           border: 1px solid var(--black);
           border-radius: 60px;
           max-width: fit-content;
           cursor: pointer;
           /* font-weight: 400; */
           font-family: "Fraunces", serif;
       }

       .ugDsClassProfile .classProfileLi.active {
           background: var(--black);
           color: var(--white) !important;
       }

       .viewAllBtn {
           padding: 14px 20px;
           color: #000;
           font-size: 16px;
           font-family: var(--go-medium);
           line-height: 24px;
           background: transparent;
           border-radius: 54px;
           align-items: center;
           display: flex;
           justify-content: center;
           border: 1px solid var(--black);
           width: 100%;
           max-width: fit-content;
           cursor: pointer;
           gap: 8px;
           max-width: fit-content;
           max-height: fit-content;
       }

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



       .newclassRight {
           max-width: 530px;
       }

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

   }

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

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

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

       .missionBtn {
           padding: 8px 20px 10px 20px;
           font-size: 18px;
           font-weight: 350;
           line-height: 120%;
           color: var(--black);
           border: 1px solid var(--black);
           border-radius: 60px;
           max-width: fit-content;
           cursor: pointer;
           /* font-weight: 400; */
           font-family: "Fraunces", serif;
       }

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

       .viewAllBtn {
           padding: 14px 20px;
           color: #000;
           font-size: 16px;
           font-family: var(--go-medium);
           line-height: 24px;
           background: transparent;
           border-radius: 54px;
           align-items: center;
           display: flex;
           justify-content: center;
           border: 1px solid var(--black);
           width: 100%;
           max-width: fit-content;
           cursor: pointer;
           gap: 8px;
           max-width: fit-content;
           max-height: fit-content;
       }

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



       .newclassRight {
           max-width: 530px;
       }

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

   }

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

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

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



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

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










































































   .sittingLectures {

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

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

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

       .max98p {
           max-width: 98px;
       }

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


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

           img {
               max-width: 358px;
           }
       }

       .lectureImageWrapper {
           position: relative;

           .masterPlay {
               top: -2px;
           }

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

       .cardsticky {
           top: 160px !important;
       }

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

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

           .logo {
               max-width: 70px;
           }

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

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

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

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

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

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

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

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

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

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

       .px100 {
           width: 100px;
       }

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

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

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

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

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

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

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

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

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

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

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

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

       .card4 .lectureCardLogoWrapper {
           gap: 0;
       }

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

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

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

       /*  lECTURE CARDS COMPONENT */

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

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

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

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

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

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

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

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

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

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

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

       /* FONTS */

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

       }

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

       }

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

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

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

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

       /* TABLE COMPONENT */

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

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

       /* INVESTMENT PROFILE CARDS */

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

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

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

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

       .investmentImg {
           padding: 0;
       }

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

       /* sticky part */
       .card1 {
           position: sticky;
           top: 125px;
       }

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

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

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

       .card5 {
           position: sticky;
           top: 173px;
           min-height: 460px;

           .lectureRightCard>img {
               min-height: 460px;
           }
       }

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

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

       }


       /*  1280 view VIEW  */

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

           }

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

       }

       /* end of 1280 view  */
       /* mobile view @390 W */
       @media (max-width: 767px) {
           .logoTrack.marquee-track .logo img {
               max-width: 70px !important;
           }


           .lectureWrapper {
               gap: 24px;
           }

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

           .goGalano30 {
               font-size: 22px;
           }

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

           .goGalano16 {
               font-size: 14px;
           }

           .lectureUpper {

               flex-direction: column;
           }

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

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

           .cardMainContent {
               gap: 12px;
           }

           .lectureLeftCard {
               padding-left: 0px;

               button {
                   margin: 0 8px;
               }
           }

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

           .cardMainHeading {
               font-size: 18px;
           }

           .cardSubHeading {
               font-size: 20px;
           }

           .lectureP {
               font-size: 14px;
           }

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

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

               /* align-items: center; */
           }

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


           .profileHeadingText {
               font-size: 13px;
           }

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

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

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

           .profileLightText {
               font-size: 12px;
           }

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

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

           .mobImgTop {
               position: relative;
           }

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

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

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

           .investmentHeading {
               font-size: 14px;
           }

           .investmentSubheading {
               font-size: 12px;
           }

           .lectureRightCardFlip {
               padding-left: 0;
           }

           .RightCardContentFlip {
               padding: 0;
           }



       }

   }


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

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

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

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

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

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


   .inclassSection {

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

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


       .listGradientBold {
           font-weight: 500;
           line-height: 120%;
           color: var(--Orange, #E38330);
           display: flex;
           align-items: center;
           gap: 10px;
           font-size: 14px;
       }

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

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

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

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

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

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


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

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

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

           .inclassTabHeading {
               color: white;
           }
       }

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

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

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

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

       .coreInclass::after {

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

       }

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

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

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

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

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

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

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

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

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

       .inclassThird {

           .inclassContentBoxi {
               max-height: 390px;
           }

       }

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

       .classHeadingTop {
           margin-top: 16px;
       }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

       .globalCard {
           position: relative;
       }

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

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

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

           opacity: 0.75;

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


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


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

       .weeklyImageWrapper {
           width: 100%;
       }
   }


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

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

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

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

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

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

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

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

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

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

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

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

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

           .mob-visible {
               width: 100%;

               .btnClose {
                   width: 100%;
               }
           }
       }

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

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

           img {
               border-radius: 8px;
           }
       }

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

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

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



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

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

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

       }

       .worldCampusFrame {
           width: 100%;
       }

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

   .dualDegreeSection {
       background: url('https://images.mastersunion.link/uploads/29092025/v1/Vector1374.svg'), var(--white);
       background-repeat: no-repeat;
       background-size: cover;
       background-position-y: 50px;

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

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

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

       .dualImage {
           border-radius: 8px;
           width: 100%;
           position: relative;
       }
   }



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

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

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

           .dualPara {
               font-size: 14px;
           }

           .dualHeading {
               gap: 12px;
           }
       }


       .futureTiltSection {
           .futureTiltWrapper {
               flex-direction: column-reverse;
               gap: 32px;
           }

           .swiper-slide-active {
               max-height: 452px !important;
           }

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

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

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

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

           .futureRight {
               max-width: 100%;
           }

           .futureLeftList {
               gap: 12px;
           }

           .futureUpperLefti {
               gap: 20px;
           }
       }


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

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


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

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

               svg {
                   max-width: 19px;
               }
           }



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

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

           }

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

           .campusDiviParent {
               gap: 10px !important;
           }

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

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

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

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


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

       }

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

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

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

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

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

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

           .inclassTabBoxi {
               min-width: 300px;
           }

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

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

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

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

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

           .outClassWrapper {
               overflow: auto;
           }
       }

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

           .diviCareer {
               padding-top: 0px;
           }

           .tabimgages {
               height: 100%;

               img {
                   height: auto;

               }
           }

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

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

           .jobCardLeft {
               max-width: 142px;
           }

           .divrow {
               display: flex;
               gap: 8px;

               .companiesLogoDivi {
                   min-width: 35%;
               }
           }

           .divrowWrap {
               display: flex;
               flex-direction: column;
               gap: 8px;
               overflow: auto;
               padding-left: 16px;
           }

           .higherStudiesLeft {
               width: 100%;
               max-width: 100%;
               margin-bottom: 0;
               margin-top: -2px;
               z-index: 1;
           }

           .techCareerTabs {
               border-bottom: unset;
           }

           .techUpperHighlightLeft {
               flex-wrap: wrap !important;
               row-gap: 8px;
           }

           .careerTabUl {
               padding-left: 16px;
               gap: 0;
               overflow: auto;
           }

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

           .higherStudiesWrapper {
               flex-direction: column !important;
               gap: 24px;

           }

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

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

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

           .higherStudiesLeft.masterImage {
               border-radius: 0;

           }

           .higherStudyContent>svg {
               max-width: 46px;
               max-height: 46px;
           }

           .careerTabUl li {
               border-bottom: 1px solid var(--grey18);
           }

           .masterImage>img {
               border-radius: 0;
           }

           .companiesLogoDivi {
               max-height: unset;
           }

           .techUpperHighlightLeft .companiesLogoDivi {
               max-width: 140px !important;
           }

           .bottomCareerContent {
               overflow: auto !important;
               justify-content: flex-start;
               flex-wrap: nowrap !important;
           }
       }

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

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

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

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

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

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

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

           .LectureCreaterProfileWrapper {
               justify-content: space-between;
               row-gap: 10px;
           }

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

               .logo {
                   margin-right: 0;
               }
           }

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

           .lectureWrapper {
               gap: 24px;
           }

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

           .lectureLeftCard {
               padding-left: 0;
               max-width: 100%;

           }

           .cardSubHeading {
               font-size: 20px;
           }

           .go-HighlightHeading {
               font-size: 18px;
           }

           .lectureP {
               font-size: 14px;
           }

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

           .lectureRightCardFlip {
               padding-left: 0;
               max-width: 100%;
           }

           .RightCardContentFlip {
               max-width: 100%;
               gap: 8px;
           }

           .lectureCardFlip,
           .lectureCard {
               padding: 0;
               border: 2px solid var(--white);
               border-radius: 8px;
           }


           .cardMainContent {
               padding: 0 8px 0px 8px;
               gap: 8px;

           }

           .card3 .lectureProfileCards {
               padding: 0 8px;
           }

           .logo>svg {
               width: 52px;
               height: 52px;
           }

           .card7 .lectureCardLogoWrapper {
               gap: 0px;

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


           }

           .card7 {
               top: 149px;
           }

           .profileHeadingText {
               font-size: 13px;
           }

           .profileLightText {
               font-size: 12px;
           }

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

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

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

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

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

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

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

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

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

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


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

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

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

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

           }

           .futurePercent {
               font-size: 20px;
           }

           .futureText {
               font-size: 13px;
           }

           .futureInvestTextWrap {
               bottom: -55%;
           }

       }


       .cautionWrapper {
           gap: 12px;
       }

       .seondtabs {
           padding: 10px !important;
       }


       .buildingSectionNew {
           padding: 0 !important;



           .buildingStickyWrapper {
               gap: 80px;
           }

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

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

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

           .buildingPara {
               font-size: 14px;
           }

           .playBtnPara {
               font-size: 14px;
           }

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

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

           }

           .buildingWrapper {
               max-height: 600px;

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

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

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

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

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

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

           .newMasterBoxImg {
               min-width: 230px;
           }

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

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

       .programmeBreatherNew {
           padding: 40px 0 !important;

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

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

           .programmeBreatherRight {
               padding: 16px;
           }

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

           .eligibilityBoxi {
               font-size: 10px;
           }

           .classText {
               font-size: 18px;
           }

           .classPara {
               font-size: 13px;
           }

           .firstBoxi {
               gap: 4px;
           }

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


               a,
               button {
                   width: 100%;

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

       .investmentSection {
           padding: 40px 0 !important;

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

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


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

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

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

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

           }

           .footerInnovation {
               margin-top: 15px;
           }

           .footerMuLogo {
               margin-left: 6%;
           }

           .footerWrapper {
               gap: 30px;
           }

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

       }

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

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

           .gridCardBlack {
               display: none;
           }

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

           .gridCard {
               max-height: 100%;
           }

           .enrollOverlay {
               display: none;
           }

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


           .onhoverOverlay {
               opacity: 1 !important;
               gap: 12px;
               background: unset;
               bottom: 0 !important
           }

           .overlayMob {
               font-size: 13px;
           }

           .overlayText {
               font-size: 22px !important;
           }
       }

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

           .insightParaWrapper {
               gap: 8px;
           }

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

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

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

           .insightPara {
               font-size: 14px;
           }

           .insightWrapper {
               gap: 24px;
           }

           .facultyDetailsWrapper {
               gap: 12px;
           }

           .insightNames {
               font-size: 16px;
           }

           .inisghtItalic {
               font-size: 16px;
           }

           .aboutVideo {
               padding-top: 12px;
           }

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

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

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

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

           .fundPara {
               font-size: 14px;
           }

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

       .indiaMapSection {
           padding-top: 32px !important;

           .indiaMapWrapper {
               padding: 40px 20px;
               gap: 40px;
           }

           .mapLefti {
               max-width: 100%;
               gap: 0;
           }

           .mapRight {
               max-width: 100%;
               scale: 0.9;
           }

           .mapCoreText {
               font-size: 18px;
           }

           .mapLeftBottom {
               gap: 28px;
           }

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

       .mastersScrollMob {
           gap: 12px !important;
       }

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

           .impactLeft {
               width: 100% !important;
           }

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

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

           }


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

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

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

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

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

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

           .techPointerChild {
               align-items: center;
           }

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

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

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

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

               .appliedPara {
                   font-size: 14px;
               }

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

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

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

           .impactLeftBoxInner {
               gap: 40px;
           }

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

           .poweredDivi {
               gap: 12px !important;
           }

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

       }

       .podcastSection {
           .podcastWrapper {
               flex-direction: column-reverse;
               gap: 20px;
               background: unset;
               padding: 0;
           }

           .podcastRight,
           .podcastLeft {
               max-width: 100%;
           }

           .podcastLeft {
               background: var(--white);
               padding: 20px;
               border-radius: 10px;
               gap: 20px;
               justify-content: flex-end;
               align-items: flex-end;
           }

           .podcastHeadingWrapper {
               gap: 14px;
           }

           .whiteApplyButton {
               padding: 9px 14px;
               font-size: 14px;
           }

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

       }

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

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

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

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

           .btnJapan {
               margin-top: 8px;
           }

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

               .btnBlack {
                   width: 100%;
               }
           }

           .germanPara {
               font-size: 14px;
           }

           .btnBlack {
               width: 100%;
           }

           .germanflagsWrapper {
               gap: 12px;

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

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

           .bottomBlackOverlay {
               display: none;
           }
       }

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

           .modelBox {
               display: none;
           }


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

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

           .yearBelowRight {
               padding: 20px 10px;
           }

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

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

           .aiToolsRight {
               max-width: unset;
           }

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

           .headWrapper {
               position: unset;
           }

           .semWrapper {
               flex-flow: column;
           }

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

           }

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

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

           .tabContentWrapper {

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

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

           .mobTab.active {

               background: var(--black);

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

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


               .yearBelowRight {
                   min-height: 590px;

               }
           }


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

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

       .reachoutBreatherSection {
           .reachoutBreatherWrapper {
               flex-direction: column-reverse;
               gap: 20px;
               align-items: flex-start;
           }

           .reachoutLefti,
           .reachoutRight {
               max-width: 100%;
           }

           .reachoutLefti {
               padding: 20px;
               gap: 16px;
           }

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

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

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

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

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

           .lifeMobWrapper>a {
               width: 100%;
           }

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

           .lifeMuCard {
               max-width: 100%;
           }

           .lifeMuCard .lifeCardHeadWrapper {
               display: none;
           }

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

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

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

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

           .newsCardsWrapper {
               padding-left: 16px;
           }

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

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

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

           button {
               width: 100%;
           }

           .heroSectionImg {
               max-height: 80vh;
           }

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

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

               a {
                   width: 100%;
               }
           }
       }

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

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



           .internshipWrapper {
               padding: 40px 8px;
           }

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

           .internshipStudentUpperDivi {
               gap: 16px;
           }

           .studentCompanyWrapper {
               gap: 8px;
           }

           .internshipStudentBelow {
               margin-top: 16px;
           }

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

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

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

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


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

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

           .degreeSectionParent {
               gap: 12px;
           }

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

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

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

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

           }

           .graduatePrestigiousWrapper:nth-child(2) {
               border-top: unset;
               padding-top: 0;
               border-radius: 0;
           }

           .degreePara {
               font-size: 14px;
           }

           .degreeListWrapper {
               flex-direction: column;
               gap: 20px;
               align-items: flex-start;
           }

           .graduatePrestigiousWrapper.graduateBelowSticky {
               margin-top: 32px;
           }

           .degreeGradientHeading {
               font: italic 20px / 1.2 "Fraunces", serif;
           }

           .degreeHeading {
               font: normal 18px / 1.2 var(--go-regular);
           }

           .listNumber {
               max-width: 18px;
               max-height: 18px;
               font-size: 12px;
               line-height: 0;
           }

           .yellowArrow {
               max-width: 13px;
               max-height: 13px;
           }

           .degreeList .degreePara {
               font-size: 13px;
           }
       }

       .parentPerspectiveSection {
           .parentPerspectiveWrapper {
               flex-direction: column;
               gap: 32px;
           }

           .perspectiveRight,
           .perspectiveLefti {
               max-width: 100%;
           }

           .bottomBlackOverlay {
               display: none;
           }

           .swiper-pagination {
               bottom: unset !important;
               margin-top: 12px;
               left: 42% !important;
           }

           .swiper-pagination-bullet {
               background: var(--grey10) !important;
               opacity: 1;
               transition: all 0.3s ease;
               border-radius: 10px;
           }

           .swiper-pagination-bullet-active {
               width: 40px !important;
               background: var(--grey10) !important;
               border-radius: 10px;
           }
       }

       .internshipSection.blackBackground {
           background: var(--black) !important;

           .internshipWrapper {
               padding: 40px 8px !important;
           }

           .studentThoughtPara {
               min-height: unset;
           }
       }

       .meritScholarship {

           .meritScholarshipTable .textGreyBold {
               font-family: 'go-medium';
               font-size: 14px;
           }

           .meritScholarshipTable td {
               font-size: 14px;

           }

           .meritScholarshipTable th:first-child {
               width: 320px;
           }

           .meritScholarWrapper {
               gap: 16px;
           }

           .meritHeading {
               font-size: 22px;
           }

           .meritUpperWrap {
               flex-direction: column;
           }

           .meritScholarLeft {
               max-width: 100%;
           }

           .meritScholarshipTable th {
               padding: 10px 20px;
           }

           .meritTableDivi {
               overflow-x: scroll;
           }

           .meritScholarshipTable {
               min-width: 700px;
           }

           .meritNoteBox {
               align-items: flex-start;
           }

           .meritNoteText {
               line-height: 150%;
           }
       }

       .financing {
           padding: 60px 0 !important;

           .financingHeadingWrap {
               max-width: 100%;
           }

           .caution {
               margin-top: 20px;
           }

           .financingSubHead {
               font-size: 14px;
           }

           .financingBelowWrap {
               display: flex;
               flex-direction: column;
               gap: 24px;
           }

           .financeMenuMob {
               display: flex;
               max-width: 100%;
               padding-left: 16px;
               display: flex;
               align-items: center;
               overflow: auto;

           }

           .container {
               width: 100%;
           }

           .finMob {
               width: 100%;
               max-width: 100%;
           }

           .financeMenuList.active {
               border-top: 1px solid var(--grey4);
               border-left: 1px solid var(--grey4);
               border-right: 1px solid var(--grey4);
               border-radius: 4px 4px 0 0;
               border-bottom: unset;
           }

           .financeMenuList {
               min-width: 150px;
               padding: 18px 11px;
               max-height: 80px;
               background: var(--white4);
               display: flex;
               align-items: center;
               justify-content: center;
               position: relative;
               transition: 0.3s all;


               img {
                   min-height: 30px;
                   max-height: 30px;
                   overflow: hidden;
                   text-align: center;
                   align-self: center;
               }

           }

           .financeMenuList::after {
               content: "";
               position: absolute;
               bottom: 0;
               left: 0;
               right: 0;
               height: 3px;
               background-color: var(--grey4);
           }

           .financeMenuList.active::after {
               content: "";
               position: absolute;
               bottom: 0;
               left: 0;
               right: 0;
               height: 3px;
               background-color: var(--grey);

           }

           .financingBelowWrap .content-section {
               width: 100%;
           }

           .financeDetailBox {
               max-width: 100%;
               padding: 0;
           }

           .financeDetailWrapper {
               background: var(--white);
               border: 1px solid var(--white4);
               border-radius: 8px;
               padding: 16px 12px;
           }

           .financingWrapper {
               gap: 24px;
           }

           .financeDetailBox {
               border: unset;
               padding-block: 12px;
           }


           .finaceValue {
               font-size: 14px;
           }

           .financeBoxes {
               flex-wrap: nowrap;
               flex-direction: column;
               align-items: flex-start;
               gap: 8px;
           }

       }

       .admissionTrack {
           .container {
               padding: 0px 16px !important;
           }

           .admissionTrackWrapper {
               flex-direction: column-reverse;
               gap: 30px !important;
           }
       }

       .bluePrintNew {
           .flexbox {
               gap: 24px;
           }
       }

       .exploreCampus {
           .withoutArrowWhiteBgBtn {
               font-size: 13px;
               padding: 8px 12px;
           }

           .exploreCampusUpper {
               flex-direction: column;
               gap: 18px;
               align-items: flex-start;
           }

           .exploreCampusUpper {
               flex-direction: column;
               gap: 18px;
               align-items: flex-start;
           }

           .campusButtonDivi {
               gap: 8px;
           }
       }

       .curriculumOutclassDs {
           padding: 40px 0 !important;

           .curriculumOutclassWrapper {
               gap: 32px;
           }

           .outdsHead {
               display: flex;
               flex-direction: column;
               align-items: flex-start;
               gap: 6px;
           }

           .outclasImgWrap p {
               font-size: 12px !important;
           }

           .curriculumDsUpper {
               gap: 16px;
               padding-block: 0;
               flex-direction: column;
               align-items: flex-start;
               position: unset;
           }

           .curriculumDsBelow {
               gap: 32px;
               flex-direction: column;
           }

           .dsBelowRight {
               max-width: 100%;
           }

           .curriculumDsBelow .faqHeading {
               font-size: 13px;
               line-height: 120%;
           }

           .greyParaOutclass {
               font-size: 12px;
           }
       }

       .feeProcess {
           #growingDiv {
               left: 33px;
               top: 66px;
               width: 4.1px;
           }

           .feeProcessContainer .rightSection::before {
               left: 4.6%;
           }
       }

       .dsCareer {
           .studiesRight {
               margin-top: 0 !important;
           }
       }

       .applicationTimeline {

           th:first-child,
           td:first-child {
               width: 120px;
           }

           .table-scroll-wrapper {
               -webkit-overflow-scrolling: touch !important;
           }

           .table-scroll-wrapper::-webkit-scrollbar {
               height: 8px;
           }

           .table-scroll-wrapper::-webkit-scrollbar-track {
               background: #f5f5f5;
               border-radius: 4px;
           }

           .table-scroll-wrapper::-webkit-scrollbar-thumb {
               background: var(--grey18) !important;
               border-radius: 10px;
           }

           .table-scroll-wrapper::-webkit-scrollbar-thumb:hover {
               background: var(--grey3) !important;
           }

           .applicationDivi {
               overflow: auto;
           }

           .applicationDivi::-webkit-scrollbar-thumb {
               display: block;
           }

           .applicationTimelineTable {
               min-width: 1260px;
               margin-bottom: 10px;
           }

           .headingTable {
               padding: 12px 10px;
           }

           .timelineRow {
               padding: 8px 10px;
           }
       }

       .lateralSection {
           .lateralWrapper {
               flex-direction: column;
               gap: 32px;
               align-items: flex-end;
               justify-content: flex-end;
           }

           .lateralHeadingWrapper {
               flex-direction: column;
               gap: 12px;
               align-items: flex-start;
           }
       }

       .feeProcess {
           .feeProcessContainer .feeBox .body {
               padding: 16px 12px !important;
           }

           .feeSectionMOb {
               display: flex;
               flex-direction: column;
               gap: 16px;
               align-items: flex-start;
           }

           .detailsList .subHeading {
               font-size: 18px;
           }

           .detailsList .list li {
               font-size: 13px;
           }

           .curriculumHead {
               font-size: 13px;
           }
       }

       .feeStructureSection {
           .feeStructureParent {
               overflow-x: scroll;
           }

           .feeStructureParent::-webkit-scrollbar-thumb {
               display: block;
               background: var(--grey3);
           }

           .feeStructureWrapper {
               flex-direction: column;
               gap: 60px;
           }


           .feeStructureLeft,
           .feeStructureRight {
               max-width: 100%;
           }

           .feeDivider {
               display: none;
           }

           .feeStructureTable {
               min-width: 670px;
           }

           .feeStructureRight .feeStructureTable {
               min-width: 450px;
           }
       }

       .classRoom {
           .withoutArrowWhiteBgBtn {
               font-size: 13px;
               padding: 8px 14px;
           }

           .largeTech {
               width: 100%;
               max-width: 100%;
           }

           .campusButtonDivi {
               width: 100%;
               max-width: 100%;
           }

           .classRoomUpper {
               padding-left: 16px;
               display: flex;
               flex-direction: column;
               align-items: flex-start;
               gap: 24px;
           }

           .classRoomWrapper {
               margin-top: 32px;
           }
       }

       .classprofile {


           .customDropdownWrapper {
               position: relative;
               width: 100%;
           }

           .lineSpace {
               margin-top: 5px;
           }

           .dropdownList {
               width: 100%;
               border: 1px solid #ccc;
               z-index: 999;
               box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.05);
           }


           .dropdownList li {
               cursor: pointer;
               padding-block: 14px;
           }

           .dropdownList li:active {
               background-color: var(--grey4);
           }

           .btnMobileDrop {
               display: flex;
               align-items: center;
               width: 100%;
               position: relative;
           }

           .custom-select {
               appearance: none;
               /* Standard */
               -webkit-appearance: none;
               /* Safari/Chrome */
               -moz-appearance: none;
               /* Firefox */
               background-image: none;
               /* Remove any default bg icon */
               text-align: center;
           }

           .customDropdownWrapper .btnBlack {
               width: 70%;
               align-items: flex-start;
               justify-content: space-between;
           }



           .content-section .flexbox {
               align-items: center !important;
           }

           .greybox {
               padding: 40px 20px !important;
           }

       }

       .industryReady {
           .box .flexbox {
               align-items: center;
           }

           .futureGroup>img {
               max-width: 42px;
               max-height: 42px;
           }

           .futureGroup .txtgroup h6 {
               font-size: 20px;
           }

           .futureGroup {
               gap: 8px;
               flex-direction: column;
           }

           .txtgroup {
               max-width: 100% !important;
           }
       }


       .homepage {
           border-bottom: 1px solid var(--black5);
       }

       .aiPacked {
           padding: 60px 0 !important;

           .aiPackedWrapper {
               gap: 40px !important;
           }

           .aiPackedLeft {
               padding: 0 !important;
           }

           .aiScrollWrapper {
               overflow: hidden;
               width: 100%;
               position: relative;
           }

           .aiScrollContent {
               display: flex;
               width: max-content;
               animation: aiInfiniteScroll 30s linear infinite;
               gap: 10px;
               /* Adjust spacing as needed */
           }

           .aiPackedBoxi {
               max-width: fit-content !important;
               min-width: fit-content !important;
           }
       }
   }

   @keyframes aiInfiniteScroll {
       0% {
           transform: translateX(0%);
       }

       100% {
           transform: translateX(-50%);
       }
   }

   @media (min-width: 320px) and (max-width: 360px) {

       html {
           zoom: 90%;
       }

       .feeProcess {
           #growingDiv {
               left: 8.2%;
               top: 66px;
               width: 4.1px;
           }
       }

   }


   @media (min-width: 1920px) {
       .exploreCampus {
           height: 90vh;
       }
   }

   .homepage {


       .programFlexi {
           max-width: 237px !important;

       }


       .ourprogramWrap {
           display: flex;
           margin-top: 32px;
           gap: 24px;
           align-items: flex-start;
           overflow: auto;

           .programmeRightContent {
               max-width: 564px;
           }

           .programmeRightContent:first-child {
               .programmePara {
                   min-height: 103px;
               }
           }

           .programBtn {
               display: flex;
               gap: 8px;
               align-items: center;
           }

           .programNameBtn {
               border-radius: 54px;
               border: 1px solid var(--grey3);
               background: var(--black);
               backdrop-filter: blur(2.5px);
               width: fit-content;
               display: flex;
               align-items: center;
               justify-content: center;
               padding: 8px 10px;
               cursor: pointer;

           }

           .allTextTbm {
               color: var(--white);
           }

           .helloText {
               color: white;
               font-size: 60px;
           }
       }
   }