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

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

.astroUgPsm {


    .newMasterDetailsWrap {
        padding-block: 16px;
    }


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


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

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

    .pb-40 {
        padding-bottom: 40px !important;
    }

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

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



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

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

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

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

        .heroSectionBtnWrap {
            display: flex;
            gap: 16px;
            align-items: center;
            margin-top: 24px;
            width: 100%;
            justify-content: center;
        }


    }

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

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

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


            .next,
            .prev {
                line-height: 0;
            }
        }

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

    .enrollmentSectionNew {
        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%;
            margin-top: 12px;
        }

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

        .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;
            margin: -1px 0 0;

        }

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

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

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

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

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

        .mastersScroll {
            margin-top: 32px;
        }

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

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

        .podcastHeadingWrapper .go-HeroSubtitle {
            font-size: 14px;
        }

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

        .podcastLeft {
            width: 100%;
            max-width: 48.75%;
            display: flex;
            flex-direction: column;
            gap: 32px;
            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: 20px;
            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: 20px;
            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;
        }

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

        .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;
            bottom: 26px;
            transition: opacity 0.4s ease-in-out;
            align-items: center;
        }

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



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

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

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

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

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

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

        .feeProcessContainer {
            margin-bottom: 20px;
        }

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

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

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

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

        }


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

        .tabimgages{
            height: 100%;
    
            img{
            height: 100%;
    
            }
           } 
    

        .diviCareer {
            display: flex;
            flex-direction: column;
            gap: 30px;
            padding-top: 60px;
            padding-bottom: 50px;
          }
        .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;
        border-top: 1px solid var(--black5);

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


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

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


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


                    svg path {
                        fill: #a3a3a3;
                    }
                }

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

        .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%;
            margin-top: 32px;
        }

        .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);
                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;
            /* or whatever px you want */
            border-bottom-left-radius: 4px;
        }

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

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

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

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



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

    .concentration {
        padding: 0;
        background: var(--white);
        border-bottom: 1px solid var(--grey4);

    }



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


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

    }






























































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

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



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



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

            img {
                max-width: 358px;
            }
        }

        .lectureImageWrapper {
            position: relative;

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

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

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

            .logo {
                margin-right: 10px;
                min-height: 47px;
                min-width: 59px;
            }

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

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

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

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

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

        .px100 {
            width: 100px;
        }

        .lectureUpper {
            display: flex;
            justify-content: space-between;
            align-items: flex-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: 470px;
        }

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

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

        /* --------- 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;
            grid-template-columns: repeat(2, 1fr);
            /* 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;
            max-height: 469.5px;
        }

        .card2 {
            position: sticky;
            top: 137px;
            max-height: 468px;
            overflow: hidden;
        }

        .card3 {
            position: sticky;
            top: 149px;
            max-height: 468px;
            overflow: hidden;
        }

        .card4 {
            position: sticky;
            top: 161px;
            max-height: 468px;
            overflow: hidden;
        }

        .card5 {
            position: sticky;
            top: 173px;
            max-height: 468px;
            overflow: hidden;
        }

        .card6 {
            position: sticky;
            top: 185px;
            max-height: 468px;
            overflow: hidden;
        }

        .card7 {
            position: sticky;
            top: 197px;
            max-height: 468px;
            overflow: hidden;

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


        /*  1280 view VIEW  */

     

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

        .outclassSwiperPsm1,
        .outclassSwiperPsm2,
        .outclassSwiperPsm3,
        .outclassSwiperPsm4 {
            width: 100%;
            overflow: hidden !important;
        }

        .inclassParent {
            width: 100%;
            background: var(--grey17);
            padding: 20px;
            border-radius: 8px;
        }

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

        .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: var(--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(--grey3);
            border-right: 1px solid var(--grey3);
            border-left: 1px solid var(--grey3);
        }

        .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;
            transition: 0.4s ease-in-out;

        }

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

        .coreInclass::before {
            content: "";
            width: 2px;
            position: absolute;
            left: 8px;
            top: 4%;
            transition: 0.4s ease-in-out;
            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.4s ease-in-out;
        }

        .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.4s 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: 290px;
        }

        .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%;
            overflow: hidden !important;
        }

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

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


            .masterPlay>img,
            .masterPlay>svg {
                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);
            min-height: 59px;
        }

        .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 {
        background: var(--black);

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

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

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

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


    }

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

    .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) {
        .homepage {
            border-bottom: 1px solid var(--black5);
        }

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

        }

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



        .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.mobileSpecial {
            padding-block: 60px !important;

            .studentThoughtPara {
                min-height: 144px;
            }
        }


        .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 {
            .lectureUpper {
                flex-direction: column;
                align-items: flex-start;
                gap: 12px;
            }

            .card7,
            .card5,
            .card6 {
                min-height: 700px;
            }

            .card7,
            .card5,
            .card6,
            .card1,
            .card2,
            .card1 {
                max-height: unset;
            }

            .card5 {
                .lectureCardText {
                    padding: 0 8px;
                }

                .lectureLogo {
                    gap: 20px;
                }
            }

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

                .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: 20px;
                padding: 0 8px;

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

                .logo {
                    max-width: 13%;
                }
            }

            /* .lectureCardFlip.cardsticky {
                top: 160px;
            } */

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

        }


    }












    @media (max-width: 767px) {

        .cautionWrapper {
            gap: 12px;
        }

        .seondtabs {
            padding: 10px !important;
        }


        .buildingSection {
            padding: 0 !important;

            .logoSlider {
                width: 20%;
            }

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

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

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



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

        .programmeBreather {
            padding: 40px 0 !important;

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

            .firstTbmBoxi {
                min-height: 97px;
            }

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

        }

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

            .onhoverOverlay .overlayNumber {
                margin-top: unset;
            }

            .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 80px;
            padding-bottom: 100px !important;


            .insightParaWrapper {
                gap: 8px;
            }

            .aboutVideo {
                font-size: 13px;
            }

            .swiper-pagination {
                bottom: 64px !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: 212px;
                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: 0 !important;
            padding-bottom: 0 !important;
            max-height: 90vh !important;
            overflow: hidden;

            .heroSectionContent {
                width: 100%;
                padding: 0 12px;
                transform: translate(-50%, -20%);
            }

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

                a {
                    width: 100%;
                }
            }
        }

        .internshipSection {
            background: var(--black);
            padding-block: 20px !important;
            border-bottom: 1px solid var(--black5);

            .container {
                padding: 0 16px !important;
            }

            .internshipWrapper {
                padding: 40px 0;
            }

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

            .internshipStudentUpperDivi {
                gap: 16px;
            }

            .studentCompanyWrapper {
                gap: 8px;
            }

            .internshipStudentBelow {
                margin-top: 16px;
                padding-right: 4px;
            }

            .studentThoughtPara {
                padding-bottom: 16px;
                padding-top: 16px;
                min-height: 222px;
            }
        }

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

            .internshipWrapper {
                padding: 40px 8px !important;
            }

            .studentThoughtPara {
                min-height: unset;
            }
        }

        .popUpCloseBtnWrap {
            position: absolute;
            right: -5px;
            z-index: 9;
            top: -30px;
        }

        .graduatePrestigiousSection {
            background: var(--black);
            padding: 60px 0;
            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 0 !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;
            }
        }

        .bluePrint {
            .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:nth-child(2),
            td:nth-child(2) {
                width: unset;
            }


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

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



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

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

            .futureGroup .txtgroup h6 {
                font-size: 20px;
            }

            .futureGroup {
                gap: 8px;
            }
        }


        .higherStudies {

            .tabimgages{
                height: 100%;
          
                img{
                height: auto;
          
                }
               } 

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

                .companiesLogoDivi {
                    max-height: 80px;
                    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;

            }

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

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





}

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


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

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