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


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


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

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

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

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

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

    .heroSectionImg {
        height: 90vh;

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

            video {
                width: 100%;
            }
        }


        .mobilevideo {
            width: 100%;
        }

    }


}

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

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

    .semester-content:nth-child(7) .aiToolsLeft {
        max-width: 505px;
    }


    .semester-content:nth-child(7) .aiToolsRight.options {
        max-width: 50%;
    }

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

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

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

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

    .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: 8px !important;
    }

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

}

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

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

    }

    .ourProgramDsaiSwiper {
        overflow: hidden !important;
    }

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

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

    .ourprogramWrap {
        display: flex;
        margin-top: 32px;
        gap: 24px;
        align-items: flex-start;
        overflow: hidden !important;


        .programmeRightContent {
            max-width: 564px;
        }

        .programmeRightContent:first-child {
            .programmePara {
                min-height: 103px;
            }
        }

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

        .programNameBtn {
            border-radius: 54px;
            border: 1px solid var(--grey3);
            background: var(--black);
            backdrop-filter: blur(2.5px);
            width: fit-content;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 8px 10px;
            cursor: pointer;

        }

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

        .helloText {
            color: white;
            font-size: 60px;
        }
    }
}


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

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

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

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

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

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

    .white_semiBold {
        color: var(--grey3);
        font-family: var(--go-semibold);
    }

    .learnTradeRight {
        width: 100%;
        max-width: 48%;
        line-height: 0;
    }

    .learnTradeImg {
        position: relative;
    }

    .mastersScroll {
        margin-top: 80px;
        overflow: hidden;
    }

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

    .newMasterDetailsWrap {
        border-radius: 0px 0px 8px 8px;
        line-height: 0;
        /* display: flex;
      flex-direction: column;
      gap: 12px; */
    }

    .marqueeCards {
        width: 100%;
        /* pointer-events: none; */
        overflow: hidden;
        display: flex;
        align-items: center;
        margin-top: 80px;
    }

    .newMasterDetailsWrap {
        padding: 16px 8px;
    }

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

    .newMasterDetailsWrap h4 {
        font-size: 12px;
        line-height: 120%;
        font-family: var(--go-regular);
        color: var(--grey18);
        min-height: 28px;
    }

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

    .marqueeInnerWrap {
        width: 100%;
        height: 100%;
    }

    .marqueeReverse {
        height: 100%;
        width: max-content;
        align-items: center;
        display: flex;
        position: relative;
        animation: marqueeReverse 30s linear infinite;
        will-change: transform;
        gap: 20px;
    }

    .learnMasterBox {
        position: absolute;
        top: 20px;
        width: 197px;
        right: 0;
        padding: 20px;
        display: flex;
        flex-direction: column;
        border-radius: 6px;
        background: rgba(255, 255, 255, 0.10);
        gap: 10px;
        backdrop-filter: blur(3.5px);
    }

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

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

    .learnMasterDesig {
        font-size: 18px;
        line-height: 120%;
        font-style: italic;
        font-family: "Fraunces", serif;
        font-weight: 350;
        color: var(--white);
        opacity: 0.7;
    }

    .masterDataBox {
        border-radius: 8px;
        border: 1px solid var(--black5);
        overflow: hidden;
        min-width: 240px;
        max-width: 268px;
    }

    .imgMasterdiv {
        line-height: 0;
    }

    .masterDetailDivi {
        background: var(--grey17);
        padding: 16px 8px;
        margin: 0;
    }

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

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

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

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

    .masterCompanyLogo {
        /* border-bottom: 1px solid var(--black5); */
        padding-top: 12px;
    }

    /* .masterCompanyLogo img {
      width: 100%;
      max-width: 200px;
      max-height: 35px;
      min-height: 35px;

    } */

    .newMasterBoxImg {
        line-height: 0;
        max-width: 100%;
        min-width: 18.5%;
        border-radius: 8px;
        overflow: hidden;
    }

    .masterDescription {
        font-size: 12px;
        line-height: 120%;
        font-family: var(--go-regular);
        color: var(--grey10);
        min-height: 28px;
        margin-top: 12px;

    }

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

    .newMasterDetailsWrap>svg {
        margin-top: 10px;
    }


    .masterUpperWrap {
        display: flex;
        justify-content: space-between;
        align-items: start;
    }

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



    .marqueeCards:hover .marqueeReverse {
        animation-play-state: paused;
    }

    .learningDisclaimer {
        margin-top: 40px;
        font-size: 10px;
        font-family: var(--go-regular);
        line-height: 150%;
        color: var(--grey10);
        margin-left: 2px;
    }
}

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

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

    .pathCardContainer {
        display: flex;
        align-items: center;
        gap: 32px;
    }

    .pathCard {
        padding: 20px;
        display: flex;
        align-items: flex-start;
        gap: 24px;
        flex-direction: column;
        max-width: 50%;
        background: var(--white4);
        border-radius: 8px;
    }

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

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

    .cardContentBox {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        flex-direction: column;
        list-style-type: disc;
        margin-left: 24px;
    }

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

    .cardHeading {
        font-size: 26px;
        line-height: 120%;
        font-weight: 600;
        font-family: "Fraunces", serif;
        color: var(--black);
    }

    .weekTag {
        border-radius: 40px;
        backdrop-filter: blur(2px);
        display: flex;
        padding: 6px 10px;
        justify-content: center;
        align-items: center;
        background: var(--grey4);
        font-size: 13px;
        text-transform: uppercase;
        font-weight: 500;
        line-height: 120%;
        font-family: var(--go-regular);
        color: var(--grey3);
    }
}

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

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

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

    .programmeBreatherSpan {
        font: 18px "go-regular";
    }

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

    }

    .firstTbmBoxi {
        min-height: 130px;
    }

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

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

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

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

        }
    }

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

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

    }

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

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

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

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

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

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

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

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

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


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


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

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

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


}

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

    .traderWrapper {
        display: flex;
        flex-direction: column;
    }

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

    .marqueeCards {
        width: 100%;
        pointer-events: none;
        overflow: hidden;
        display: flex;
        align-items: center;
        margin-top: 32px;
    }

    .marqueeInnerWrap {
        width: 100%;
        height: 100%;
    }

    .marqueeReverse {
        height: 100%;
        width: max-content;
        align-items: center;
        display: flex;
        position: relative;
        animation: marqueeReverse 20s linear infinite;
        will-change: transform;
        gap: 20px;
    }

    .traderCardsBox {
        border: 1px solid var(--grey4);
        background: var(--grey16);
        border-radius: 8px;
        padding: 16px;
        display: flex;
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
        min-height: 248px;
        max-width: 300px;
        width: 100%;
    }

    .traderCardsBox>img {
        max-width: 52px;
        width: 100%;
    }

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

    .traderCardHeading {
        font-size: 22px;
        line-height: 120%;
        color: var(--black);
        font-family: "Fraunces", serif;
        font-weight: 350;
    }

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

.impactScroll {
    background: var(--black);
    padding-top: 60px;

    .sectionGradientHead {
        font-family: "Fraunces", serif !important;
        font-weight: 400;

    }

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

    .impactWrapper {
        display: flex;
        gap: 80px;
    }

    .impactRight {
        width: 45%;
        border-inline: 1px solid var(--black5);
        position: relative;

        .video-container {
            top: 13rem !important;

        }

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

    .impactLeft {
        width: 50%;

    }

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

    .impactLeftBoxInner {
        display: flex;
        flex-direction: column;
        gap: 160px;
        margin-top: 80px;
        position: relative;
    }

    .impactLeftBox {
        position: relative;
        padding-left: 65px;

    }

    .impactLeftBox:nth-of-type(5)::after {
        content: '';
        position: absolute;
        background: url(https://images.mastersunion.link/uploads/02122025/v1/IconTag9.svg) !important;
        background-repeat: no-repeat;
        width: 40px;
        height: 40px;
        left: 0;
        top: 0;
    }

    .impactLeftBox::after {
        content: '';
        background: url(https://images.mastersunion.link/uploads/02122025/v1/IconTag7.svg) !important;
        width: 40px;
        height: 40px;
        left: 0;
    }

    .impactLeftBox:nth-of-type(3)::after {
        content: '';
        background: url(https://images.mastersunion.link/uploads/02122025/v1/IconTag8.svg) !important;
        width: 40px;
        height: 41px;
    }

    .impactLeftBox:nth-of-type(7)::after {
        content: '';
        background: url(https://images.mastersunion.link/uploads/02122025/v1/IconTag10.svg) !important;
        width: 40px;
        height: 40px;
    }

    .impactLeftBoxInner::before {
        content: '';
        position: absolute;
        background: var(--black5);
        width: 2px;
        height: 100%;
        left: 1.2rem;
        top: 0;
    }

    .ulListWrapper {
        display: flex;
        gap: 15px;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        margin-top: 12px;

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

        .appliedPara {
            margin-top: 8px;
            color: var(--grey10);
            line-height: 150%;
            font-size: 16px;
        }

        .poweredDivi>img {
            filter: invert(1);
            max-width: 18px;
        }
    }

    .dateTag {
        color: var(--grey4);
        font: 13px 'go-regular';
        text-transform: uppercase;
        line-height: 120%;
        padding: 6px 12px;
        border-radius: 40px;
        text-align: center;
        background: var(--black5);
        width: fit-content;
        letter-spacing: 0.26px;
        margin-bottom: 10px;

        span {
            background: linear-gradient(92deg, #39B5D7 46.88%, #F7D544 73.88%, #E38330 100.65%);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-family: "Fraunces", serif;
            font-size: 12px;

            font-weight: 400;
            width: fit-content;
        }
    }

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

    .textHighlight {
        color: var(--grey4);
        font-family: var(--go-semibold);
    }

    .impactButton {
        display: flex;
        padding: 6px 12px;
        align-items: center;
        gap: 4px;
        border-radius: 40px;
        background: #313131;
        color: var(--grey4);
        font-size: 13px;
        font-family: var(--go-regular);
        line-height: 120%;
        letter-spacing: 1px;
        text-transform: uppercase;
        max-width: max-content;
    }

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

    .circleNumber {
        align-items: center;
        padding: 10px;
        border: 1px solid #525252;
        max-height: 26px;
        max-width: 26px;
        border-radius: 60px;
        color: var(--white);
        font-family: var(--go-regular);
        font-size: 14px;
        display: flex;
        justify-content: center;
    }

    .techPointerChild {
        display: flex;
        gap: 10px;
        align-items: baseline;
    }

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

    }

    .stickyHead {
        position: sticky;
        top: 50px;
        padding: 20px 0;
        z-index: 10;
        background: var(--black);
    }

    .impactHeroPara {
        margin-top: 8px;
    }
}

.impactScroll .video-container:hover img.fade-img {
    opacity: 1 !important;
}

.impactScroll {
    padding-top: 40px;

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

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

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


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

}

.tradeWithExpert {
    padding: 60px 0px;
    background: linear-gradient(to bottom, var(--white) 50%, var(--black) 50%);
    border-bottom: 1px solid var(--black5);

    .tradeExpertWrapper {
        display: flex;
        flex-direction: column;
        gap: 60px;
    }

    .tradeExpertUpper {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

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

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

    .black_semibold {
        color: var(--black);
        font-family: var(--go-semibold);
        /* font-weight: 500; */
    }

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

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

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

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

    .tradeExpertLower {
        position: relative;
        overflow: hidden;
        display: flex;
        justify-content: center;
    }

    .tradeExpertDivi {
        position: absolute;
        padding: 10px;
        border-radius: 10px;
        border: 1px solid var(--grey4);
        background: var(--white);
        display: flex;
        align-items: center;
        gap: 11px;
        top: 71px;
        right: 31px;
    }

    .tradeExpertSecondDiv {
        position: absolute;
        padding: 10px;
        border-radius: 10px;
        border: 1px solid var(--grey4);
        background: var(--grey16);
        display: flex;
        align-items: center;
        gap: 11px;
        top: 27%;
        left: 14%;
    }

    .tradeExpertThirdDiv {
        position: absolute;
        padding: 10px;
        border-radius: 10px;
        border: 1px solid var(--grey4);
        background: var(--grey16);
        display: flex;
        align-items: center;
        gap: 11px;
        bottom: 21%;
        right: 13%;
    }
}

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

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

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

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

    .curriculumDsBelow {
        display: flex;
        justify-content: space-between;
    }

    .dsBelowLeft.masterImage {
        overflow: unset;

    }

    .dsBelowLeft {
        width: 100%;
        max-width: 630px;
        position: sticky;
        top: 14rem;
        height: fit-content;
    }

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

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

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

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

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

    .insightSwiper {
        overflow: hidden !important;
    }

    .insightBtnWrapper {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        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);
    }
}


.feeProcess {
    padding: 60px 0 65px;

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

    .feeBoxHeading {
        font-size: 22px;
        font-family: "Fraunces", serif;
        line-height: 120%;
        color: #404040;
    }

    .listHeading {
        font: 14px "go-semiBold";
        line-height: 150%;
        color: var(--grey3);
    }

    .feeProcessContainer {
        margin-bottom: 20px;
    }

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

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

    }

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

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

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

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

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

    }

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

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


.feeProcessContainer .rightSection::before {
    top: 3px;
}


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

}

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

}



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

    .podcastLeft a {
        gap: 10px;
    }

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

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

    .podcastHeadingWrapper {

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

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

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

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

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

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


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

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

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

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

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

    }

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

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

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

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

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

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

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

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

    .applicationDivi {
        width: 100%;
    }

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

        .statusTable {

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

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

            svg path {
                fill: #a3a3a3;
            }
        }

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


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


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

    .futureInvestImg {
        position: relative;
    }

    .futureInvestTextWrap {
        position: absolute;
        z-index: 1;
        bottom: -30%;
        width: 100%;
    }

    .futureInvestTextWrap::before {
        content: "";
        background: linear-gradient(102deg, #39b6d8 0%, #f7d344 50%, #e38330 100%);
        position: absolute;
        top: -1px;
        left: -1px;
        width: calc(100% + 2px);
        height: calc(100% + 2px);
        z-index: 0;
        border-radius: 8px;
        z-index: -1;
    }

    .futureInvestContent {
        display: inline-flex;
        padding: 40px;
        justify-content: space-between;
        align-items: center;
        border-radius: 8px;
        background: var(--black3);
        top: 75%;
        left: 0;
        gap: 0;
        position: relative;
        z-index: 9;
        width: 100%;
    }

    .futureInvestSubHeading {
        color: #a3a3a3;
        font: 16px "go-regular";
        max-width: 674px;
        width: 100%;
    }

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


    .futureInvsetbox {
        display: flex;
        flex-direction: column;
        padding-right: 24px;
        gap: 12px;
        width: 100%;
        max-width: 50%;
        align-items: flex-start;
        justify-content: center;
        padding-left: 24px;
        border-right: 1px solid var(--grey3);
    }

    .futureInvsetbox:nth-child(2) {
        border-right: unset;
        padding-right: unset;
    }

    .futureInvsetbox:last-child {
        border-bottom: unset;
    }

    .futureInvsetbox:nth-child(1) {
        padding-left: unset;

    }

    .futurePercent {
        font-size: 32px;
        line-height: 120%;
        color: var(--white);
        font-family: "Fraunces", serif;
    }

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

.threeCardSection {
    background: url("https://images.mastersunion.link/uploads/07082025/v1/Vector1352.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #090909;
    border-bottom: solid 1px var(--black5);
    color: white;

    .bgGradientShade {
        position: absolute;
        width: 100%;
        height: 100%;
        max-width: 620px;
        background: linear-gradient(66.88deg, rgba(139, 53, 0, 0.2) 43.86%, rgba(207, 207, 207, 0.5) 100%);
    }

    .bgBronze {
        position: absolute;
        width: 100%;
        height: 100%;
        background: #160d0987;

    }


    .threeCardWrapper {
        display: flex;
        flex-direction: column;
        gap: 32px;
        margin: 0 auto;
    }

    .threeCardHeadingWrapper {
        display: flex;
        flex-direction: column;
        gap: 12px;
        text-align: center;
        margin: 0 auto;
    }

    .threeCard {
        max-width: 610px;
        width: 100%;
        padding: 49px 26.667px 37px 21px;
        display: flex;
        flex-direction: column;
        gap: 8px;
        border-radius: 12px;
        position: relative;
        z-index: 10;
        /* background: linear-gradient(66.88deg, rgba(89, 89, 89, 0.5) 43.86%, rgba(207, 207, 207, 0.5) 100%); */
    }

    .cardsWrapper {
        display: flex;
        gap: 16px;
        row-gap: 32px;
        justify-content: space-between;
    }

    li {
        list-style: disc;
        font: 14px "go-regular";
        color: #fff;
    }

    ul {
        margin-left: 20px;
    }

    .threeCardCover {
        overflow: hidden;
        position: relative;
        z-index: 0;
        border-radius: 12px;
        max-width: 610px;
        width: 100%;
        min-height: 249px;
        height: 100%;
    }

    .threeCardGradinetBg {
        position: absolute;
        z-index: 2;
        border: 1px solid rgba(255, 255, 255, 0.25);
        backdrop-filter: blur(2px);
        background: linear-gradient(50deg, rgb(143 143 143 / 20%) 63.97%, rgb(255 255 255 / 20%) 98.12%);

        width: 100%;
        max-width: 620px;
        height: 100%;
        border-radius: 12px;
    }

    .threeCardGrainEffect {
        position: absolute;
        z-index: 3;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='https://www.w3.org/2000/svg' width='100%' height='100'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
        background-repeat: repeat;
        border-radius: 12px;
    }

    .shadeEffect {
        position: absolute;
        width: 100%;
        height: 100%;

    }

    .threeCardContentHeading {
        font: 24px "go-medium";
        font-weight: 500;
    }

    .threeCardContentSubheading {
        font: 16px "go-regular";
        line-height: 150%;
    }

    .threeCardHeading {
        font: 30px "go-medium";
        font-weight: 500;
    }

    .threeCardSubHeading {
        font: 16px "go-regular";
        color: var(--grey18);
    }

}

.scholarshipSection {

    .scholarshipSectionHeading {
        font: 30px "go-regular";
        color: #090909;
    }

    .scholarshipSectionSubHeading {
        font: 16px "go-regular";
        color: #090909;
    }

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

    .scholarshipBoxWrapper {
        display: flex;
        gap: 16px;

    }

    .scholarshipDiv {
        display: flex;
        flex-direction: column;
        gap: 8px;
        overflow: hidden;
        max-width: 612px;
        width: 100%;
        padding: 74px 24px 32px 24px;
        background: #F5F5F5;
        position: relative;
        border-radius: 12px;
        border: 1px solid #E5E5E5;
    }

    .scholarshipLogo {
        position: absolute;
        top: -30px;
        right: 6px;
        max-width: 120px;
        width: 100%;
    }

    li {
        list-style: disc;
        margin-left: 20px;
    }

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

    .scholarshipList {
        font: 14px "go-regular";
        line-height: 150%;
        color: #404040;
    }

    .scholarshipHeading {
        font-size: 28px;
        line-height: 120%;
        font-family: "fraunces", serif;
        color: #404040;
        font-weight: 400;
    }

    .scholarshipSubHeading {
        font: 16px "go-regular";
        line-height: 150%;
        color: #404040;
    }

    .scholarshipHeadingWrapper {
        margin: 0 auto;
        max-width: 908px;
        width: 100%;
        text-align: center;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
}

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

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

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

    .feeStructureLeft {
        max-width: 60%;
    }

    .feeStructureRight {
        max-width: 40%;
    }

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

    .feeStructureTable {
        border-collapse: collapse;
    }


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

    .feeStructureParent {
        width: 100%;
    }

    .feeStructureTable {
        width: 100%;
    }

    .feeHeadRow {

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

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

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

        /* or whatever px you want */
    }

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

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

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

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

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

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

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

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

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

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

    .feeStructureRightImg {
        max-width: 470px;
        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%;
    }
}

.curriculumOutclassDsNew {
    padding-top: 60px;
    background: var(--white3);
    border-bottom: 1px solid var(--grey4);

    .faqHeadingItem .faqHeading {
        color: var(--grey10);
        font-family: 'go-semibold';
    }

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

    .curriculumDsUpper {
        position: sticky;
        top: 3rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: var(--white3);
        padding-block: 20px;
        z-index: 10;
    }

    .curriculumDsUpper a:hover img {
        transform: translateY(4px);
    }

    .curriculumDsUpper a img {
        transition: 0.3s;
    }

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

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

    .portfolioWrapperLeft {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: sticky;
        top: 12rem;
        gap: 8px;
    }

    .portfolioSubHead {
        font-size: 16px;
        line-height: 150%;
        font-family: var(--go-regular);
        color: var(--black);
        width: 100%;
        max-width: 38%;
    }

    .portfolioStepWrapper {
        padding: 16px 24px;
        background: var(--white);
        border-radius: 8px 8px 0px 0px;
        border: 0.5px solid var(--grey18);
        position: relative;
        cursor: pointer;

    }

    .portfolioStepWrapper.step6 {
        width: 100%;
        max-width: 288px;

    }

    .portfolioStepWrapper.step5 {
        width: 100%;
        max-width: 322px;

    }

    .portfolioStepWrapper.step4 {
        width: 100%;
        max-width: 357px;

    }

    .portfolioStepWrapper.step3 {
        width: 100%;
        max-width: 391px;

    }

    .portfolioStepWrapper.step2 {
        width: 100%;
        max-width: 426px;

    }

    .portfolioStepWrapper.step1 {
        width: 100%;
        max-width: 460px;
        border-radius: 8px;


    }

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

    .stepContent>img {
        display: none;
    }



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

    .portfolioStepWrapper.active {
        background: var(--black);

        .tradingHeading {
            color: #E38330;
        }

        .stepContent img {
            filter: brightness(0.3);
        }

    }

    .faqHeadingsWrapper.mobView {
        display: none;
    }

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

    .classRomFaqWrapNew {
        justify-content: space-between;
        display: flex;
        /* gap: 5px; */
        background: transparent;
        padding: 0;
        border-radius: 4px;
        border: 0.5px solid var(--grey4);
        flex-direction: column;
        margin-bottom: 10px;
    }

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

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

    .termBtn {
        background: var(--black);
        border-radius: 20px;
        padding: 3px 10px;
        display: flex;
        align-items: center;
        font-size: 12px;
        line-height: 120%;
        color: var(--white);
        justify-content: center;
        max-width: fit-content;
        display: none;
    }

    .termHeading {
        font-size: 18px;
        line-height: 150%;
        color: var(--black);
        font-family: var(--go-semibold);
    }

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

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

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

    .inclassansUl {
        border-top: 1px solid var(--grey4);
        border-bottom: unset;
    }

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

    .faqContent {
        display: flex;
        gap: 8px;
        margin-top: 6px;
        border-bottom: 1px solid var(--grey4);
        padding-bottom: 8px;
        align-items: flex-start;
    }

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

    .faqContent:last-child {
        border-bottom: unset;
    }

    .faqBlackBold {
        font-family: var(--go-semibold);
        line-height: 150%;
        color: var(--black);
    }
}

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

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

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

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

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

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

    .financeTabUl {
        display: flex;
        align-items: center;
        /* gap: 35px; */
    }

    #uginclassTab01 .dsBelowLeft {
        position: sticky;
        top: 14rem;
        align-self: flex-start;
    }

    #uginclassTab02 .dsBelowLeft {
        position: sticky;
        top: 14rem;
        align-self: flex-start;
    }


    .inclassTab.active {
        color: var(--black);
        position: relative;

        svg path {
            fill: var(--black);
        }
    }

    .inclassTab.active::after {
        border-bottom: 1px solid #E38330;
        content: "";
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 100%;
        height: 2px;
    }

    .content.active {
        display: flex;
        gap: 30px;
        align-items: flex-start;
    }

    .content-section {
        overflow: unset;
    }

    .content-section {
        width: 100% !important;
    }

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

    .marginblock20 {
        margin-block: 8px;
    }


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

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

    .curriculumDsUpper {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        position: sticky;
        top: 7rem;
        z-index: 10;
        background: var(--white3);
        padding-block: 8px;
    }

    .inclassTab {
        padding: 16px;
        display: flex;
        align-items: center;
        gap: 8px;
        cursor: pointer;
        font-size: 14px;
        font-family: var(--go-medium);
        line-height: 18px;
        color: var(--grey10);
    }

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

    .dsBelowLeft.masterImage {
        overflow: unset;

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

    .dsBelowLeft {
        width: 100%;
        max-width: 600px;
        /* position: sticky;
           top: 14rem; */
    }

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

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

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

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

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

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

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

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

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

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

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

    }

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

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

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

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

    .outclassContentDivi {
        display: flex;
        flex-direction: column;
        /* border-bottom: 1px solid var(--grey4); */
        gap: 12px;
        padding-left: 20px;
        list-style: disc;
    }

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

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

    }

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

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

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

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

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

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

.inclassSection {

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

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

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

    .downloadArrow {
        color: #E38330;
        font-size: 14px;
        line-height: 150%;
        font-family: var(--go-medium);
        display: flex;
        align-items: center;
        gap: 8px;
    }

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

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

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

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

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


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

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

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

        .inclassTabHeading {
            color: white;
        }
    }

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

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

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

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

    .coreInclass::after {

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

    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .higherStudiesLeft {
        width: 100%;
        max-width: 50%;
        z-index: 5;

    }

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

    .masterImage {
        border-radius: 0;
    }

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

    .tabimgages {
        height: 100%;

        img {
            height: auto;

        }
    }

    .studiesRight {
        max-width: 600px;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .aiPackedLeft p {

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

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

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

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

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

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

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

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

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

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

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

    .centerBtn {
        align-self: center;
    }

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

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

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

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

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

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

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

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

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

    .aiPackedLeft p {

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

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

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

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

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

.placement {
    padding: 0px !important;
    display: flex;
    align-items: center;
    justify-content: center;

    .placementImg {
        position: relative;
        line-height: 0;
    }

    .placementCareerBox {
        padding: 40px 140px;
        position: absolute;

        display: flex;
        flex-direction: column;
        gap: 24px;
        border-radius: 32px;
        border: 1px solid var(--grey15);
        background: linear-gradient(309deg, rgba(38, 38, 38, 0.90) 63.97%, rgba(38, 38, 38, 0.90) 98.12%);
        backdrop-filter: blur(10px);
        width: 744px;
    }

    .sectionHeading {
        text-align: center;
    }

    .placementUpper {
        display: flex;
        flex-direction: column;
        gap: 8px;
        text-align: center;
    }

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

    .placementBelow {
        display: flex;
        justify-content: center;
    }
}

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

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

.builtSection {
    background: 
    /* url('https://images.mastersunion.link/uploads/28112025/v1/Vector1374.svg') ,*/
     var(--black);
    padding: 60px 0 !important;
    background-size: cover;
    background-repeat: no-repeat;

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

    .builCard {
        /* background: var(--white);
      padding: 44px 34px;
      display: flex;
      align-items: flex-start;
      gap: 38px;
      flex-direction: column;
      border-radius: 10px; */
        width: 100%;
        max-width: 660px;
    }

    .builtBig.builtPara {
        font-size: 24px;
    }

    .buildNUmber {
        width: 100%;
        max-width: 550px;
        padding: 24px;
        display: flex;
        align-items: flex-start;
        gap: 28px;
        flex-direction: column;
        background: var(--grey17);
        border-radius: 10px;
        flex-direction: column;
        gap: 32px;


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

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

        .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: 28px;
            color: var(--white);
            font-family: var(--go-medium);
            font-weight: 500;
        }

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

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

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

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

        .font-semibold {
            font-family: "go-semibold" !important;
        }

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

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


}



@media (max-width: 767px) {

    .heroSection {
        padding-top: 60px !important;


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

        .heroSectionImg {
            max-height: 85vh;
        }

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

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


            a,
            button {
                width: 100%;
                line-height: 0 !important;
            }
        }
    }

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

    .placement {
        .placementCareerBox {
            padding: 40px 20px;
            width: unset;
            left: 0;
            top: 30px;
            border-radius: 16px;
            margin-inline: 15px;
        }

    }

    .aiPackedNew {
        padding: 60px 0 !important;

        .aiPackedWrapper {
            gap: 40px !important;
            padding: 0px 16px;
            flex-direction: column;

        }

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

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

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

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

        .insightParaWrapper {
            gap: 8px;
        }

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

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

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

        .insightPara {
            font-size: 14px;
        }

        .insightWrapper {
            gap: 24px;
        }

        .facultyDetailsWrapper {
            gap: 12px;
        }

        .insightNames {
            font-size: 16px;
        }

        .inisghtItalic {
            font-size: 16px;
        }

        .aboutVideo {
            padding-top: 12px;
        }

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

    .curriculumOutclassDs {
        padding: 40px 0 !important;

        .curriculumOutclassWrapper {
            gap: 32px;
        }

        .dsBelowLeft {
            position: relative;
            top: unset;
        }

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

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

        .curriculumDsUpper {
            gap: 16px;
            padding-block: 0;
            flex-direction: column;
            align-items: flex-start;
            position: unset;
        }

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

        .dsBelowRight {
            max-width: 100%;
        }

        .curriculumDsBelow .faqHeading {
            font-size: 13px;
            line-height: 120%;
        }

        .greyParaOutclass {
            font-size: 12px;
        }
    }

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

    }

    .concentrationNew {
        padding-inline: 0 !important;
        padding-block: 60px !important;

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

    .programmeBreatherNew {
        padding: 40px 0 !important;

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

        .programmeBreatherSpan {
            font: 14px "go-regular";
        }

        .firstTbmBoxi {
            min-height: 128px !important;
        }

        .programmeBreatherRight {
            padding: 16px;
        }

        .boxiUpper {
            margin-top: 16px;
            min-height: unset;
        }

        .eligibilityBoxi {
            font-size: 10px;
        }

        .classText {
            font-size: 18px;
        }

        .classPara {
            font-size: 13px;
        }

        .firstBoxi {
            gap: 4px;
        }

        .buttonsParent {
            margin-top: 24px;
            gap: 8px;
            flex-direction: column !important;


            a,
            button {
                width: 100%;

                svg {
                    max-width: 20px;
                }
            }
        }
    }

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

        .traderWrapper {
            display: flex;
            flex-direction: column;
        }

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

        .marqueeCards {
            width: 100%;
            pointer-events: none;
            overflow: hidden;
            display: flex;
            align-items: center;
            margin-top: 32px;
        }

        .marqueeInnerWrap {
            width: 100%;
            height: 100%;
        }

        .marqueeReverse {
            height: 100%;
            width: max-content;
            align-items: center;
            display: flex;
            position: relative;
            animation: marqueeReverse 20s linear infinite;
            will-change: transform;
            gap: 20px;
        }

        .traderCardsBox {
            border: 1px solid var(--grey4);
            background: var(--grey16);
            border-radius: 8px;
            padding: 16px;
            display: flex;
            flex-direction: column;
            gap: 12px;
            align-items: flex-start;
            min-height: 248px;
            max-width: 300px;
            width: 100%;
        }

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

        .traderCardHeading {
            font-size: 22px;
            line-height: 120%;
            color: var(--black);
            font-family: "Fraunces", serif;
            font-weight: 350;
        }

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



    .impactScroll {
        padding: 40px 0 !important;
        padding-bottom: 60px !important;

        .impactLeft {
            width: 100% !important;
        }

        .stickyHead {
            position: unset;
        }

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

        .impactHeadingWrapper {
            padding: 0 0 32px 0 !important;

        }

        .stickyHead {
            padding: 8px 0;
        }

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


        .impactMobCard {
            display: flex;
            padding: 12px;
            background: var(--grey17);
            border: 1px solid var(--grey3);
            border-radius: 12px;
            flex-direction: column;
            gap: 24px;
            position: sticky;
            top: 8rem;
            min-height: 452px;
        }

        .impactMobCard:last-child {
            min-height: 535px;
        }

        .mobImpactImage {
            max-height: 260px;
            overflow: hidden !important;
        }

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

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

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

        /* .techPointerChild {
      align-items: center;
    } */

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

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

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

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

            .appliedPara {
                font-size: 14px;
            }

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

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

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

        .impactLeftBoxInner {
            gap: 40px;
        }

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

        .poweredDivi {
            gap: 12px !important;
        }

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

    }

    .semesterCurriculum {
        padding-bottom: 15px !important;

        .modelBox {
            display: none;
        }


        .yearBelowRightHeading p:nth-child(2) {
            margin-top: 10px;
            font: 16px 'go-medium';
            line-height: 120%;
            color: var(--black);
        }

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

        .yearBelowRight {
            padding: 20px 10px;
        }

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

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

        .pathCard {
            max-width: 100%;
        }

        .cardHeading {
            font-size: 20px;
        }

        .weekBox>svg {
            max-width: 24px;
            max-height: 24px;
        }

        .pathContainer {
            gap: 30px;
        }
    }

    .theNewsSection {
        .newsHeadingWrapper {
            gap: 8px;
        }

        .newsCardsWrapper {
            padding-left: 16px;
        }

        .newsCard {
            min-width: 85%;
        }
    }

    .impactScroll .video-container:hover img.fade-img {
        opacity: 1 !important;
    }


    .tradeWithExpert {
        background: linear-gradient(to bottom, var(--white) 78%, var(--black) 31%);

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

        .tradeExpertWrapper {
            gap: 40px;
        }

        .tradeExpertLeft {
            max-width: 100%;
        }

        .tradeExpertRight {
            max-width: 100%;
        }

        .tradeSubHeading {
            font-size: 14px;
        }

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

        .numberIcons {
            max-width: 18px;
            max-height: 18px;
            font-size: 11px;
            line-height: 0;
        }
    }


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

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

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

    .feeProcess {
        #growingDiv {
            left: 34px !important;
            top: 66px !important;
            width: 4.1px !important;
        }
    }

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


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

        .fourCards {
            display: flex !important;
            flex-direction: column;
            gap: 32px;
        }

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

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

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

        .cardsWrapper {
            flex-direction: column;
            max-width: 100%;
        }

        .threeCardHeadingWrapper {
            text-align: center;
        }

        .threeCardWrapper {
            gap: 32px;
        }

        .threeCardCover {
            max-width: 100%;
            min-width: unset;
            min-height: unset;
        }

        .shadeEffect {
            max-width: 100%;
            border-radius: 12px;
        }

        .threeCardGradinetBg {
            max-width: 100%;
        }

        .threeCard {
            max-width: 100%;
            padding: 20px 19px;
        }

        .threeCardHeading {
            font: 22px "go-medium";
        }

        .threeCardSubHeading {
            font: 16px "go-regular";
            line-height: 150%;
        }

        .threeCardContentHeading {
            font: 20px "go-medium";

        }

        .threeCardContentSubheading {
            font: 14px "go-regular";
            line-height: 150%;
        }
    }


    .scholarshipSection {
        .scholarshipSectionHeading {
            font: 22px "go-regular";
            color: #090909;
        }

        .scholarshipSectionSubHeading {
            font: 14px "go-regular";
            color: #090909;
        }

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

        .scholarshipHeading {
            font-size: 24px;
        }

    }

    .learnTrading {
        .learnTradeUpper {
            display: flex;
            flex-direction: column;

        }

        .newMasterDetailsWrap h4 {
            min-height: 30px;
        }

        .learnTradeLeft {
            max-width: 100%;
            gap: 24px;
        }

        .learnTradeText {
            font-size: 14px;
        }

        .marqueeCards {
            margin-top: 40px;
        }

        .dsaiMastersMobile .newMasterBoxImg {
            min-width: 280px;
        }

    }

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

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

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

        /* .feeStructureLeft {
    max-width: 60%;
  }

  .feeStructureRight {
    max-width: 40%;
  } */

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

        .feeStructureTable {
            border-collapse: collapse;
        }


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

        .feeStructureParent {
            width: 100%;
        }

        .feeStructureTable {
            width: 100%;
        }

        .feeHeadRow {

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

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

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

            /* or whatever px you want */
        }

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

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

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

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

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

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

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

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

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

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

        .feeStructureRightImg {
            max-width: 470px;
            width: 100%;
        }
    }

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

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


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

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

            svg {
                max-width: 19px;
            }
        }



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

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

        }

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

        .campusDiviParent {
            gap: 10px !important;
        }

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

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

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

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


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

    }

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

    .curriculumOutclassDsNew {

        .termHeading {
            font-size: 13px;
        }

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

        .curriculumOutclassWrapper {
            gap: 32px;
        }

        .curriculumDsUpper {
            position: unset;
            padding-block: unset;
            align-items: flex-start;
            flex-direction: column;
            gap: 24px;
        }

        .portfolioSubHead {
            font-size: 14px;
            max-width: 100%;
        }



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

        .portfolioStepWrapper.step1 {
            max-width: 358px;
        }

        .portfolioStepWrapper.step2 {
            max-width: 331px;
        }

        .portfolioStepWrapper.step3 {
            max-width: 304px;
        }

        .portfolioStepWrapper.step4 {
            max-width: 277px;
        }

        .portfolioStepWrapper.step5 {
            max-width: 250px;
        }

        .portfolioStepWrapper.step6 {
            max-width: 223px;
        }

        .tradingHeading {
            font-size: 18px;
        }

        .faqHeadingsWrapper.mobView {
            display: flex;
            padding-top: 20px;
            overflow-y: auto;
            position: sticky;
            top: 3.4rem;
            z-index: 10;
            gap: 24px;
            background: var(--white);
        }

        .classRomFaqWrapNew.steps:last-child {
            margin-bottom: 0px !important;
        }

        .dsBelowRight {
            max-width: 100%;
            background: var(--white);
            padding: 16px 8px;
        }

        .faqHeadingItem {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            border-bottom: 1px solid var(--grey20);
            min-width: max-content;
            padding-bottom: 6px;
            gap: 10px;
            overflow: hidden;
        }

        .faqHeadingItem .termBtn {
            background: var(--grey4);
            color: var(--black);
        }

        .faqHeadingItem.active {
            border-bottom: 1px solid var(--black);

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

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

        .classRomFaqWrapNew {
            margin-top: 20px;
            border: unset;
            position: relative;
            z-index: 9;
            background: var(--white) !important;
        }

        .inclassansUl {
            border-block: 1px solid var(--grey4);
            overflow: auto;
        }


    }

    .curriculumOutclassDs {
        padding: 40px 0 !important;

        .curriculumOutclassWrapper {
            gap: 40px;
        }

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

        .content.active {
            flex-direction: column;
        }

        #uginclassTab02 .dsBelowLeft {
            position: unset;
        }

        #uginclassTab01 .dsBelowLeft {
            position: unset;
        }

        .curriculumDsBelow .faqHeading {
            font-size: 13px;
            line-height: 120%;
        }

        .greyParaOutclass {
            font-size: 12px;
        }

        .finaceCareerTabs {
            width: 100%;
        }

        .financeTabUl {
            width: 100%;
        }

        .inclassTab {
            width: 100%;
            max-width: 500px;
            font-size: 12px;

            svg {
                width: 16px;
                height: 16px;
            }
        }


    }


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

        .fourCards {
            display: flex !important;
            flex-direction: column;
            gap: 32px;
        }

        .gridCardBlack {
            display: none;
        }

        .threeCards {
            grid-template-columns: 1fr;
        }

        .gridCard {
            max-height: 100%;
        }

        .enrollOverlay {
            display: none;
        }

        .gridCard:hover {
            .lifeCardOverlay {
                opacity: unset;
                bottom: unset;
            }
        }


        .onhoverOverlay {
            opacity: 1 !important;
            gap: 12px;
            background: unset;
            bottom: 0 !important
        }

        .overlayMob {
            font-size: 13px;
        }

        .overlayText {
            font-size: 22px !important;
        }
    }

    .futureInvest {
        padding-bottom: 274px !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;
            max-width: 100%;
        }

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

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

        }

        .futurePercent {
            font-size: 20px;
        }

        .futureText {
            font-size: 13px;
        }

        .futureInvestTextWrap {
            bottom: -55%;
        }

    }





}