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

     .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;
       padding-inline: 12px;

     }
   }

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

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

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

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


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

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

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

     .masterSwiper {
       overflow: hidden !important;
     }

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

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

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

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

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

     .investmentWrapper {
       position: relative;
     }

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

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

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

     .fundWrapper {
       position: relative;
     }

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

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

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

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

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

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

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

     .insightSwiper {
       overflow: hidden !important;
     }

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

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

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

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

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

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

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

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

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

     .inisghtImageWrapper {
       position: relative;
     }

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

   }

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

     .linksWeb {
       width: 100%;
     }

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

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

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

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

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

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

     }

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

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

     .mailFooter {
       align-items: center;
     }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

     .mapOperator {
       font-size: 34px;
     }

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

   .impactScroll {
     padding-top: 40px;


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

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

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

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

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

     .mobImpactImage {
       position: relative;
     }

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

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

   }


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



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

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

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

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

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

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

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

     .applicationDivi {
       width: 100%;
     }

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

       .statusTable {

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

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

         svg path {
           fill: #a3a3a3;
         }
       }

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

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

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

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

     .feeStructureLeft {
       max-width: 60%;
     }

     .feeStructureRight {
       max-width: 40%;
     }

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

     .feeStructureTable {
       border-collapse: collapse;
     }


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

     .feeStructureParent {
       width: 100%;
     }

     .feeStructureTable {
       width: 100%;
     }

     .feeHeadRow {

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

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

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

       /* or whatever px you want */
     }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

     .centerBtn {
       align-self: center;
     }

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

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

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

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

     .classprofile {
       max-width: 336px;
     }

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

     .classprofile {
       max-width: 336px;
     }

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

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

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

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

     }


     /*  1280 view VIEW  */

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

       }

       .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,
     .outclassSwiperTbm4 {
       width: 100%;
       overflow: hidden !important;
     }

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

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

     .inBtnDivi {
       width: 100%;
       max-width: 260px;
       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);
     }
   }



   .weeklySection {
     background: var(--black);
     border-top: 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%;
     }
   }



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

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


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

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

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

       .jobCardLeft {
         max-width: 142px;
       }

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

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

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

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

       .techCareerTabs {
         border-bottom: unset;
       }

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

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

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

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

       }

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

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

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

       .higherStudiesLeft.masterImage {
         border-radius: 0;

       }

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

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

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

       .companiesLogoDivi {
         max-height: unset;
       }

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

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

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

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

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

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

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

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

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

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

         .logo {
           margin-right: 0;
         }
       }

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

       .lectureWrapper {
         gap: 24px;
       }

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

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

       }

       .cardSubHeading {
         font-size: 20px;
       }

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

       .lectureP {
         font-size: 14px;
       }

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

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

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

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


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

       }

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

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

       .card7 .lectureCardLogoWrapper {
         gap: 0px;

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


       }

       .card7 {
         top: 149px;
       }

       .profileHeadingText {
         font-size: 13px;
       }

       .profileLightText {
         font-size: 12px;
       }

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

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

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

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

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

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

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

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

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

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


     .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: all 0.3s 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%);
       }

       .heroSectionImg {
         max-height: 85vh;
       }

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

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

         a {
           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%;
       }

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