.stickymenu {
    display: flex;
    align-items: center;
    top: 3rem;

}

.whitetwocoloum {
    background: url("https://images.mastersunion.link/uploads/03122025/v1/Vector.webp"), var(--white);
    background-repeat: no-repeat;
    background-size: cover;

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

        @media (max-width: 767px) {
            flex-direction: column-reverse;
            gap: 32px;
        }
    }

    .leftCol {
        max-width: 545px;
        width: 100%;
        line-height: 0;
    }

    .rightCol {
        max-width: 655px;
        width: 100%;
    }

    .managementpara {
        font: 16px 'go-regular';
        line-height: 150%;
        color: var(--grey3);

        @media (max-width: 767px) {
            font-size: 14px;
        }

        span {
            font-family: 'go-semibold';

        }
    }

    .managementparaWrapper {
        display: flex;
        flex-direction: column;
        gap: 16px;
        margin-top: 20px;
    }
}

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

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

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

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

    .go-HighlightHeading {
        text-align: unset !important;
    }

    .clubsWrapper {
        flex-direction: row !important;
        justify-content: space-between !important;

        h2 {
            margin-left: 170px;
        }

        .sharedPara {
            margin-right: 120px;
        }
    }
}

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


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

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


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

    }


}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .headingWrap.masterleft {
        width: 47%;
    }
}

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

.premierInstituteSection {
    .firstTool {
        max-width: 64px;
        max-height: 64px;
    }

    .secondTool {
        max-width: 62px;
        max-height: 68px;
    }

    .thirdTool {
        max-width: 118px;
        max-height: 26px;
    }

    .fourthTool {
        max-width: 82px;
        max-height: 54px;
    }

    .texasTool {
        max-width: 84px;
        max-height: 48px;
    }

    .bombayTool {
        max-width: 56px;
        max-height: 58px;
    }

    .calTool {
        max-width: 115px;
        max-height: 24px;
    }

    .iimTool {
        max-width: 122px;
        max-height: 75px;
    }

    .stTool {
        max-width: 129px;
        max-height: 54px;
    }

    .bhartiTool {
        max-width: 119px;
        max-height: 52px;
    }

    .vitTool {
        max-width: 65px;
        max-height: 68px;
    }

    .symbTool {
        max-width: 158px;
        max-height: 54px;
    }
}


.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: 5.8rem;
        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 {
        width: 100%;
        max-width: 630px;
        position: sticky;
        top: 14rem;
        height: fit-content;
    }

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

        .tempText{
            font-size: 14px;
        }
    }

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

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

    .courseName{
        font-family: var(--go-regular);
        /* font-style: italic; */
        font-size: 16px;
    }

    .learningRight .box h3 {
        font-family: var(--go-regular);
        /* font-style: italic; */
        font-size: 22px;
    }

   .learningRight .subText{
        font-size: 14px;
    }



    .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: center;
        align-items: center;
        border-radius: 8px;
        background: var(--black3);
        top: 75%;
        left: 0;
        gap: 0;
        position: relative;
        z-index: 9;
        width: 100%;
    }


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

    .futureInvsetbox:nth-child(3) {
        border-right: unset;
        padding-right: 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);
    }
}

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

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

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

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

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

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

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

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

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

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

    .mapOperator {
        font-size: 34px;
    }

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

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

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

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

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

     .insightSwiper {
       overflow: hidden !important;
     }

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

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

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

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

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

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

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

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

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

     .inisghtImageWrapper {
       position: relative;
     }

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

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

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

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

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

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

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

    .firstTbmBoxi {
        min-height: 126px;
    }

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

    }


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

    .programmeBreatherLeft {
        width: 100%;
        max-width: 624px;
        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: 41%;
    }

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

    .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: 48%;
        gap: 15px;
    }

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


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


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

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

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

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

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

    .headingBoxNew>svg {
        width: 100%;
        height: 100%;
        max-width: 30px;
        max-height: 30px;
    }

    .tagWrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        position: absolute;
        left: 32px;
        top: 20px;
        gap: 4px;

        .witnessTag {
            position: unset !important;
            margin: 0;

        }
    }

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

    .witnessTabsWrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
        margin-top: 40px;
    }

    .witnessCard {
        border-radius: 16px;
        width: 100%;
        max-width: 424px;
        max-height: 368px;
        overflow: hidden;
        position: relative;

    }

    .witnessCardWhite {
        border-radius: 16px;
        width: 100%;
        max-width: 424px;
        max-height: 348px;
        overflow: hidden;
        position: relative;
        cursor: pointer;
        display: flex;
        width: 100%;
        height: 100%;

    }

    .backgroundOverlay {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7));
        background-repeat: no-repeat;
        max-height: 365px;
        border-radius: 16px;
        border: 1px solid var(--grey3);
        opacity: 1;
    }

    .witnessCard>img {
        min-height: 348px;
    }

    .witnessCardWhite>img {
        min-height: 348px;
    }

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

    .getpreppedMasters {
        border-bottom: unset;
    }

    .witnessContentWrapper {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        transition: opacity 0.3s ease-in-out;
        height: 100%;

    }

    .witnessTag {
        display: flex;
        padding: 8px 10px;
        justify-content: center;
        align-items: center;
        gap: 4px;
        border-radius: 40px;
        background: #313131;
        backdrop-filter: blur(2px);
        font-size: 13px;
        line-height: 86%;
        text-transform: uppercase;
        font-family: var(--go-medium);
        color: var(--grey4);
        width: fit-content;
        position: absolute;
        top: 0;
        left: 0;
        margin: 20px 32px;
    }

    .witnessTextWrapper {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
        position: absolute;
        bottom: 0;
        left: 0;
        margin: 20px 32px;
    }

    .headingBoxNew {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        min-height: unset;
        align-items: center;
    }

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

    .witnessCardHeading {
        font-size: 28px;
        line-height: 130%;
        font-family: var(--go-regular);
        color: var(--white);
        font-weight: 400;
    }

    .challengeWrapper {
        position: absolute;
        left: 0;
        bottom: 30px;
        padding-left: 30PX;
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 24px;
        padding-right: 30px;
        transition: opacity 0.3s ease-in-out;
    }

    .challengeContentWrapper {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 12px;
    }

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

    .challengeHeading {
        font-size: 28px;
        line-height: 130%;
        font-family: var(--go-regular);
        color: var(--white);
        font-weight: 400;
    }

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

    .buttonWitness {
        display: flex;
        align-items: center;
        gap: 8px;
        width: 100%;
    }
}


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

    .centeredHeading {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        flex-direction: row !important;
        max-width: 100% !important;
        text-align: unset !important;

        .btnWhite {
            margin-top: 32px;
        }

        p {
            color: var(--grey4);
            font: 16px "go-regular";
            line-height: 150%;
            margin-top: 16px;
        }
    }

    .lightNote {
        font-size: 12px;
        color: var(--grey4);
        line-height: 150%;
        margin-top: 16px;
    }

    .img-container {
        margin-top: 40px;
        display: flex;
        align-items: center;
        gap: 0;
        justify-content: space-between;

        .lottie {
            max-width: 33.2%;
        }


    }

    .img-container.img {
        display: flex;
        align-items: center;
        gap: 20px;

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


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

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

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

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

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


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

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

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

    }



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

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

        .lifeCardHeadWrapper {
            opacity: 0;
        }

    }

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

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

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

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

.impactScroll {
    padding-top: 40px;

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

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

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

    }

    .impactLeftBox:nth-of-type(4)::after {
        background: url(https://images.mastersunion.link/uploads/03122025/v1/IconTag13.svg) !important;

        height: 40px !important;
    }

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

        height: 40px !important;
    }

    .impactLastBox:after {
        background: url(https://images.mastersunion.link/uploads/31072025/v1/IconTag31.svg) !important;
        top: 0;
        left: 0;
    }

    .mobImpactImage {
        position: relative;
    }

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

    .impactHeadingWrapper {
        display: flex;
        justify-content: space-between;
        gap: 8px;
        padding: 20px 0;
        z-index: 10;
        background: var(--black);
    }

}

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

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

    }

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

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

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

    .navigationWrapper .tabPgp {
        padding: 16px !important;
        border-radius: 8px !important;
        background: var(--white4) !important;
        gap: 8px !important;
        align-items: center !important;
        display: flex !important;
        color: var(--black) !important;
        font-family: var(--go-medium) !important;
    }

    .cohortTag {
        padding: 4px 15px 6px 15px;
        border-radius: 60px;
        background: var(--grey4);
        align-items: center;
        font-size: 14px;
        line-height: 120%;
        font-weight: 400;
        color: var(--black);
        font-family: "Fraunces", serif;
        width: fit-content;
    }

    .eventSlide {
        border: 2px solid var(--white);
    }

    .eventSlide:hover {
        border: 2px solid var(--grey18);
    }

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

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

    .podcastLeft a {
        gap: 10px;
    }

    .idealButton {
        display: flex;
        align-items: center;
        gap: 16px;
    }

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

}

.industryReady {
    background: var(--white);
    padding-top: 0 !important;

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

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

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

    .cohortwrapper .box2col {
        align-items: center !important;
    }

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

    .cohortwrapper {
        justify-content: space-between;
        column-gap: 55px;
        width: 100%;
    }

    .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;
        color: var(--black);
    }

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

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

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

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

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

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

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

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

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

    .cohortwrapper .box2col {
        align-items: center !important;
    }

    .caution>img {
        width: 100%;
        height: 100%;
        max-width: 16px;
        max-height: 16px;
    }

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

    .caution p {
        font: 12px "go-regular";
        color: var(--grey3);
        line-height: 150%;
    }

    .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;
        color: var(--black);
    }

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

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

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

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

.pgpNew {
    .expertCommunity {
        padding-bottom: 60px;
        background: linear-gradient(to bottom, var(--white) 50%, var(--black) 50%);
    }

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

    .communityLowerWrap {
        max-width: 904px;
        margin: 0 auto;
    }

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

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

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

    .communityRightWrapper {
        max-width: 450px;

        .pointerText {
            font: 14px 'go-regular' !important;
            color: var(--grey3);
            line-height: 150%;
        }

        .expertPointer .circleNumber {
            border-radius: 50%;
            min-width: 26px;
            max-height: 26px;
            min-height: 26px;
            display: flex;
            justify-content: center;
            font: 14px 'go-regular' !important;
            line-height: 100%;
            align-items: center;
            position: relative;
            top: 2px;
        }
    }

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

    .getPrepDescriptionThird {
        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%;

    }

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

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

    .communityHeading {
        font-size: 30px;
        line-height: normal;
        font-family: "Fraunces", serif;
        font-weight: 400;
        color: var(--black);
    }

    .communitySubHeading {
        font-size: 16px;
        font-family: var(--go-regular);
        color: var(--grey3);
    }

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

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

    .expertPointer {
        display: flex;
        gap: 12px;
        align-items: baseline;
    }

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

    .expertPointer .circleNumber {
        color: var(--black);
        border: 0.5px solid var(--grey15);
    }

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

    .sebiCertified {
        background: url(https://images.mastersunion.link/uploads/18042025/v1/Vector_1351.svg), linear-gradient(to top, var(--white) 44%, var(--black) 43%);
        background-repeat: no-repeat;
        background-size: cover;
    }

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

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

    .sebiLeftWrap {
        display: flex;
        flex-direction: column;
        gap: 14px;
    }

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

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

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

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

    .techPointerChild {
        display: flex;
        align-items: flex-start;
    }

    .eduPara {
        font-size: 14px;
        color: var(--grey16);
        font-family: var(--go-regular);
        line-height: 180%;
    }

    .eduBold {
        font-family: var(--go-bold);
    }

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

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

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

    .masterDetailBox .masterDesignation {
        font-family: "Fraunces", serif;
        color: var(--white);
        font-size: 18px;
    }

    .newMasterDetailsWrap .lineSpace {
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid var(--black5);
    }

    .description {
        font-size: 12px;
        font-family: var(--go-regular);
        line-height: 140%;
        color: var(--grey10);
    }

    .illinoisTech .illinoisBelowDivi {
        display: flex;
        justify-content: space-between;
        gap: 80px;
    }

    .illinoisTech.blackBg .illinoisBelowDiviLeft {
        width: 100%;
        max-width: 51%;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .illinoisTech.blackBg .illinoisBelowDiviRight {
        width: 100%;
        max-width: 48%;
    }

    .paraDetail {
        font-size: 16px;
        line-height: 180%;
        font-family: var(--go-regular);
        color: var(--grey18);
    }

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

    .selectingStudents {
        padding: 80px 0;
    }

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

    .selectingStudents .contentWrap {
        gap: 15px;
    }

    .selectingStudents .cardsWrapper {
        display: flex;
        gap: 20px;
        background: url(https://images.mastersunion.link/uploads/10042025/v1/Vector1351.svg), var(--black);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: top;
    }

    .selectingStudents .cardsWrapper.new .gridBox {
        border-radius: 0;
        min-height: 400px;
    }

    .feeProcess .feeProcessContainer .leftHeading {
        font-family: var(--go-medium);
    }

    .techAdmission .gridBox.academicsImg {
        background: url(https://images.mastersunion.link/uploads/17042025/v1/Frame1321316564.webp) !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }

    .techAdmission .gridBox.academicsImg:nth-child(2) {
        background: url(https://images.mastersunion.link/uploads/17042025/v1/grid.webp) !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }

    .techAdmission .gridBox.academicsImg:nth-child(3) {
        background: url(https://images.mastersunion.link/uploads/17042025/v1/criticalThinking.webp) !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }

    .gradientFr {
        font-family: "Fraunces", serif;
    }

    .faqThinHeading {
        font-weight: 400;
    }

    .fellowshipVideo .sectionHeadingTech {
        font-size: 30px;
        font-family: var(--go-regular);
        line-height: 130%;
        color: var(--black);
    }

    .fellow_fr {
        font-size: 32px;
        font-family: "Fraunces", serif;
        font-weight: 400;
        line-height: 130%;
    }


    .fellowshipVideo {
        background: url(https://images.mastersunion.link/uploads/17042025/v1/gradientVector.svg), linear-gradient(100deg, #39B6D8 -19.33%, #F7D344 40.46%, #E38330 100.24%);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        padding: 40px 0;
    }

    .underline {
        text-decoration: underline;
        text-decoration-thickness: 3px;
    }

    .investinFuture .investimgboxWrap .box:first-child {
        border-right: 1px solid var(--grey9);
    }

    .investinFuture .investimgboxWrap .box:nth-child(2) {
        border-right: 1px solid var(--grey9);
    }

    .classRomFaqWrap .inclassansUl li {
        font-family: var(--go-regular);
    }

    .selectingStudents .gridBox {
        cursor: unset;
    }

    .heroSectionImg {
        position: relative;
    }



    .heroSectionImg::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 2;
    }


}

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

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

    .differentDesign>img {
        border-radius: 12px;
        min-width: 100px;
        min-height: 100px;
    }

    .cohortwrapper .box2col {
        align-items: center !important;
    }

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

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

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

    .cohortTabs {
        display: flex;
        align-items: center;
        gap: 10px;
        width: fit-content;
    }

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

    .cohortwrapper {
        justify-content: space-between;
    }

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

    .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: 100px;
        max-height: 100px;
        border-radius: 16px;
    }

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

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

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

.classRoom {
    .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: 32px;
    }

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

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

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

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

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

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

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

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

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

    .listArrow {
        width: 100%;
        height: 100%;
        max-width: 22px;
        max-height: 22px;
    }
}

.inclassSection {

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

    .outclassSwipergm1,
    .outclassSwipergm2,
    .outclassSwipergm3,
    .outclassSwipergm4,
    .outclassSwipergm5,
    .outclassSwipergm6,
    .outclassSwipergm7,
    .outclassSwipergm8 {
        width: 100%;
        overflow: hidden !important;
    }

    .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;
        margin-top: 40px;

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

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

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

    .classDot {
        width: 100%;
        height: 100%;
        border-radius: 60px;
        background: var(--grey18);
        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;
        overflow: auto;
    }

    .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;
        min-width: 230px;
        transition:
            background 0.4s ease,
            border 0.4s ease,
            background-clip 0.4s ease;
        border-bottom: unset;
    }

    .inclassTabsParent::-webkit-scrollbar-thumb {
        display: none;
    }


    .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: 32px 24px;
        border-radius: 16px;
        border: 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: 16px;
        background: var(--grey17);
        border-radius: 8px;
        display: flex;
        gap: 15px 30px;
        justify-content: flex-start;
        max-width: 100%;
        width: 100%;
        flex-direction: column;
        flex-wrap: wrap;
        max-height: 310px;
    }

    .outclassLayout .outClassBoxi {
        padding: 16px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;

        .outClassImage {
            max-width: 100%;
            max-height: 100%;
        }
    }

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

    .inBtnDivi {
        width: 100%;
        max-width: 250px;
        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: stretch;
        gap: 24px;
        width: 100%;
    }

    .outClassBoxi {
        border-radius: 8px;
        background: var(--grey17);
        padding: 10px 10px 10px 20px;
        display: flex;
        align-items: center;
        gap: 20px;
        width: 100%;
        max-width: 50%;
        flex-direction: row-reverse;
    }

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

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

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


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

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

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

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

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

       } */

    .degreeImageWrapper {
        position: relative;
    }

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

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

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

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

    }

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

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

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

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

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

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

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

    .yellowArrow {
        vertical-align: middle;
    }

    .cautionWrapper {
        width: 100%;
    }

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

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



.sittingLectures {

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

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

    .card1 .one .logo {
        max-width: 120px;
    }

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

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

    .lectureCardLogoWrapper.five {
        display: flex;
        align-items: flex-end;
        gap: 18px !important;
        margin-top: unset !important;
    }

    .card4 .lectureLeftCard {
        max-width: 600px !important;
    }

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

    .logoWrapperColumn .lectureCardLogoWrapper {
        margin-top: unset;
        gap: 18px;
    }


    .max98p {
        max-width: 98px;
    }

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


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

        img {
            max-width: 358px;
        }
    }

    .card3 .logoTrack .logo {
        margin-right: 10px;
        max-width: 140px;
    }

    .lectureImageWrapper {
        position: relative;

        .masterPlay {
            top: -2px;
        }

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

    .cardsticky {
        top: 160px !important;
    }

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

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

        .logo {
            max-width: 70px;
        }

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

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

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

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

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

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

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

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

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

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

    .px100 {
        width: 100px;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .card4 .lectureCardLogoWrapper {
        gap: 0;
    }

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

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

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

    /*  lECTURE CARDS COMPONENT */

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

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

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

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

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

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

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

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

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

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

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

    /* FONTS */

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

    }

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

    }

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

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

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

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

    /* TABLE COMPONENT */

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

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

    /* INVESTMENT PROFILE CARDS */

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

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

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

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

    .investmentImg {
        padding: 0;
    }

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

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

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

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

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

    .card5 {
        position: sticky;
        top: 173px;
    }

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

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

    }


    /*  1280 view VIEW  */

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

        }

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

    }

    /* end of 1280 view  */
    /* mobile view @390 W */
    @media (max-width: 767px) {


        .logoTrack.marquee-track .logo img {
            max-width: 70px !important;
        }


        .lectureWrapper {
            gap: 24px;
        }

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

        .goGalano30 {
            font-size: 22px;
        }

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

        .goGalano16 {
            font-size: 14px;
        }

        .lectureUpper {

            flex-direction: column;
        }

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

        }

        

        /* .lectureCardFlip.card5{
            min-height: 600px;
        } */


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

        .cardMainContent {
            gap: 12px;
        }

        .lectureLeftCard {
            padding-left: 0px;

            button {
                margin: 0 8px;
            }
        }

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

        .cardMainHeading {
            font-size: 18px;
        }

        .cardSubHeading {
            font-size: 20px;
        }

        .lectureP {
            font-size: 14px;
        }

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

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

            /* align-items: center; */
        }

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

        .lectureProfileCards{
            padding-inline: 16px;
        }


        .profileHeadingText {
            font-size: 13px;
        }

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

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

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

        .profileLightText {
            font-size: 12px;
        }

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

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

        .mobImgTop {
            position: relative;
        }

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

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

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

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

        .investmentHeading {
            font-size: 14px;
        }

        .investmentSubheading {
            font-size: 12px;
        }

        .lectureRightCardFlip {
            padding-left: 0;
        }

        .RightCardContentFlip {
            padding: 0;
        }



    }

}


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

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

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

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

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

    .lateralRight {
        width: 100%;
        max-width: 600px;
        position: relative;

        img {
            border-radius: 8px;
        }
    }

    .lateralRightMOb {
        position: relative;
    }

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

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

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

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

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

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

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

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

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

    .listArrow {
        width: 100%;
        height: 100%;
        max-width: 22px;
        max-height: 22px;
    }
}

.craftedSection {
    background: var(--white3);
    border-top: 1px solid var(--grey4);

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

    .bseLogo {
        margin-top: -12px;
    }

    .whiteCaution {
        padding: 8px 12px;
        width: 100%;
        border-radius: 8px;
        border: 1px solid transparent;
        background: linear-gradient(var(--white) 0 0) padding-box, var(--gradient) border-box;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
        max-width: 48%;

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

    .placeImageWrapper {
        position: relative;
        min-height: 260px;
    }

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

    .toggler {
        position: relative;
        transition: 0.4s ease-in;
    }

    .placeImageWrapper .placeImage {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 1;
        transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        display: none;
        transform: scale(0) rotate(0deg);
        /* start small */
        transform-origin: bottom right;
        /* diagonal effect from this corner */
        transition: transform 1.2s cubic-bezier(0.3, 1.4, 0.4, 1),
            opacity 0.3s ease-in;

    }

    .placeImageWrapper .placeImage.active {
        opacity: 1;
        z-index: 2;
        display: block;
        transform: scale(1);
    }

    .placeImageWrapper .placeImage img {
        width: 100%;
        height: auto;
        display: block;
    }

    .placeDetailWrapper .placeDetail {
        border-bottom: 1px solid #eee;
    }

    .placeDetailWrapper .placeDetail .placeAccodianContent {
        overflow: hidden;
    }



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

    .placeImageWrapper {
        width: 100%;
        max-width: 600px;
        position: sticky;
        top: 14rem;
        min-height: 460px;

    }

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

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

    .placeUpper {
        padding: 16px;
        border-bottom: 1px solid var(--grey4);
        background: var(--white);
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
    }

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

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

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


    .accodianUpper {
        padding: 12px;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        background: var(--white);
        gap: 12px;
        border-bottom: 1px solid var(--grey4);
    }

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

    .accodianBelow {
        padding: 18px 12px;
        background: var(--white3);
        border-bottom: 1px solid var(--grey4);
        display: flex;
        align-items: flex-start;
        gap: 4px;
    }

    .imersionLogo {
        width: 100%;
        height: 100%;
        max-width: 20px;
        max-height: 20px;
    }

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

    .headingCraft {
        width: 100%;
        background: var(--white3);
        padding-bottom: 30px !important;
        position: sticky;
        top: 5.5rem;
        z-index: 999;
        padding-block: 8px;
    }

    .termBtn.immersionTag {
        background: var(--grey4);
        font-family: var(--go-medium);
        color: var(--black);
    }

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

    .mainCraft {
        margin-top: 10px;
    }

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

    .ratioBoxi {
        width: 100%;
        padding-left: 24px;
        border-left: 2px solid #E38330;
        display: flex;
        align-items: center;
        min-height: 84px;
    }

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

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

    .rationNumBoxi {
        display: flex;
        align-items: center;
        gap: 30px;
        width: 100%;
    }

    .bengDivi.rationNumBoxi {
        width: 100%;
    }

    .darjleeingBox.rationNumBoxi {
        width: 30%;
    }

    .mumbaiWrapper.rationNumBoxi {
        width: 100%;
        gap: 24px;
    }

    .rationLogoBoxi {
        max-height: 40px;
        width: 100%;
        max-width: fit-content;

        img {
            max-height: 40px;
        }
    }
}

.craftedSection.new {
    background: transparent;
    border: none;
    max-width: 965px;
    width: 100%;
    margin: 22px auto 0;

    .whiteCaution {
        max-width: fit-content;
    }
}

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

    .logoWrapper {
        display: flex;
        gap: 6px;
        align-items: center;
        margin-top: 10px;
    }

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

    .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: 16px 0 16px;
        cursor: pointer;
        color: var(--black);
        transition: border-color 0.3s;
        border-bottom: 1px solid var(--grey4);
    }

    .tab:last-child {
        border-bottom: none;
    }

     .tab.active:last-child {
        border-bottom: none;

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



    .tab.active {
        border-bottom: 1px solid var(--grey10);

        .semNumber {
            color: var(--grey3);
            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(--grey10);
        font: 14px '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: 30px;
        display: flex;
        gap: 27px;
        width: 100%;
    }

    .toolHeading {
        font-size: 18px;
        line-height: 120%;
        color: var(--black2);
        font-family: var(--go-medium);
    }

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

    .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: 50%;
        width: 100%;
    }

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

    .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;
        width: 100%;
        max-width: 50%;
    }

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

}

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

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

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

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

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

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

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

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

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

    .mastersScroll {
        margin-top: 32px;
    }

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

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

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

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

}

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

    .greentag {
        font-family: "Fraunces", serif;
        font-size: 14px;
        font-style: italic;
        font-weight: 400;
        line-height: 120%;
        color: #1C7C54;
        border-radius: 60px;
        padding: 4px 15px;
    }


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

    }

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

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

    .headingTable {
        font-size: 12px;
        line-height: 120%;
        font-family: var(--go-regular);
        color: var(--black5);
        padding: 12px 16px;
        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 16px;
        font-weight: 500;
    }

    .greyActive {
        padding: 4px 15px;
        justify-content: center;
        align-items: center;
        display: flex;
        border-radius: 60px;
        background: var(--grey18);
        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(--grey18);
    }

    .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);
            pointer-events: none;

            svg path {
                fill: #a3a3a3;
            }
        }

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

.feeProcess {
    padding: 60px 0 65px;

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

    .feeProcessContainer {
        margin-bottom: 20px;
    }

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

    .feeBold {
        color: var(--black);
        font-family: var(--go-semibold);

    }

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

    }

    .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(--grey15);
        font-family: var(--go-medium);
    }

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

    }
}

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

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

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

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

    .feeStructureLeft {
        max-width: 60%;
    }

    .cautionWrapper {
        width: 100%;
    }

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

.feeStructureSection.smgHostel {
    .feeStructureLeft {
        max-width: 100%;
    }

    .feeHeadCol {
        vertical-align: unset;
        padding: 15px 16px;
    }

    .feeStructureTable th {
        max-width: 33.3%;
    }

    .feeColColor {
        font-size: 14px;
    }
}


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

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

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

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

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


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

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

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

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

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

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

    }

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

    .financeContentWrapper {
        position: relative;
    }

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

    .financeDetailWrapper.active {
        display: block;
    }

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

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

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

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

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

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

.cohortSection {
    background: url('https://images.mastersunion.link/uploads/03122025/v1/Vector13741.svg'), var(--black);
    border-bottom: 1px solid var(--black5);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;

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

    .blurBg.btnBlack {
        border: 1px solid var(--grey18);
    }

    .profileParent.firstProfile {

        align-items: stretch;
    }

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

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

    .profileLeft {
        width: 100%;
        max-width: calc(100% - 600px);
        display: flex;
        align-items: flex-start;
        justify-content: center;
        padding: 40px 0;
    }

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

    }

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

    .profileParent {
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        position: sticky;
        top: 7rem;
        background: var(--white);
        border-radius: 20px;
    }

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

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

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

    .infiniteProfile {
        overflow: hidden;
        width: 100%;
        position: relative;
    }

    .infiniteProfile-wrapper {
        overflow: hidden;
        width: 100%;
    }

    .infiniteProfile-track {
        display: flex;
        width: fit-content;
        will-change: transform;
    }

    .infiniteProfile-track .imageBoxi {
        flex-shrink: 0;
        margin-right: 8px;
        /* Adjust spacing between images */
    }

    .infiniteProfile-track .imageBoxi img {
        display: block;
        width: auto;
        height: auto;
        max-width: 100%;
    }

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

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

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

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

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

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

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

    .roleList {
        list-style-type: disc;
        padding-left: 20px;
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

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

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

    .profileList {
        display: flex;
        align-items: flex-start;
        gap: 18px;
        flex-direction: column;
    }

    .profileItem {
        display: flex;
        gap: 10px;
        align-items: flex-start;
        border-bottom: 1px solid var(--grey4);
        padding-bottom: 18px;

        .profileSvg {
            width: 100%;
            height: 100%;
            max-width: 42px;
            max-height: 42px;
        }
    }

    .profileItem:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

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

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

    }

    .imageBoxi {
        width: 100%;
        max-width: 128px;
    }

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

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

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

    .leftiContainer {
        width: 100%;
        max-width: 548px;
    }

}

.pgp_rise_events .navigationWrapper.upcomingNew-Events li:hover {
    color: unset !important;
}

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

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

    .dynamicHeadingWrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 12px;
        text-align: center;
    }

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

    .pieChartDivi {
        max-width: 1140px;
        max-height: unset;
        overflow: hidden;
    }
}

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

.cursorPointerNone {
    opacity: 0.5;
  }
  

@media (max-width: 767px) {

    .mob-ml15{
        margin-left: 0 !important;
        padding-inline: 12px;
        font-size: 14px;
    }
    .pgpNew {
        .expertCommunity {
            padding-bottom: 20px !important;

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

            .communityWrapper {
                gap: 40px;
            }
        }


    }

    .getpreppedMasters {
        padding-top: 32px !important;

        .getpreppedTabWrapper {
            margin-bottom: 24px;
        }
    }

    .pgpEvents {
        .eventSlide {
            flex-direction: column;
            gap: 16px;
            align-items: flex-start;
        }

        .eventTagsWrapper {
            display: none;
        }

        .eventHeading {
            font-size: 16px;
            min-height: 33px;
        }

        .datetimeWrapper {
            margin-top: 4px;
        }

        .cohortTag {
            padding: 4px 16px;
        }
    }

    .witnessSection {

        /* .getpreppedTabs{
        overflow-x: scroll;
        overflow-y: hidden;
      } */
        .witnessCard>img {
            min-height: unset;
        }

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

        .challengeContentWrapper {
            gap: 8px;
        }

        .tagWrapper {
            left: 16px;
            top: 16px;
        }

        .challengeParaWrapper {
            gap: 8px;
        }

        .challengeWrapper {
            gap: 8px;
        }

        .challengePara {
            font-size: 14px;
        }

        .witnessCardText {
            font-size: 14px;
        }

        .witnessTag,
        .witnessTextWrapper {
            margin: 16px;
        }

        .challengeWrapper {
            padding-left: 16px;
            padding-right: 16px;
        }

        .challengeHeading {
            font-size: 22px;
        }

        .witnessCardHeading {
            font-size: 22px;
        }

        .witnessCardWhite,
        .witnessCard {
            overflow: unset;
            max-width: 100%;
            max-height: 100%;
        }

        .witnessTabsWrapper .container {
            padding: 0;
        }

        .witnessTabsWrapper {
            margin-top: 0;
        }
    }

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

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

        .heroSectionImg {
            max-height: 80vh;
        }

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

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

            a {
                width: 100%;
            }
        }
    }

    .craftedMobileSection {
        background: var(--white);
        padding-top: 40px !important;

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

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

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

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


        .accodianBelow {
            padding: 18px 12px;
            background: var(--white3);
            border-bottom: 1px solid var(--grey4);
            display: flex;
            align-items: flex-start;
            gap: 4px;
        }

        .imersionLogo {
            width: 100%;
            height: 100%;
            max-width: 20px;
            max-height: 20px;
        }

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

        .termBtn.immersionTag {
            background: var(--grey4);
            font-family: var(--go-medium);
            color: var(--black);
            padding: 3px 10px;
            border-radius: 20px;
            background: var(--grey4);
            border: unset;
        }

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

        .imageBox>img {
            overflow: hidden;
            max-height: 535px;
            width: 100%;
            min-width: 100%;
        }

        .cityList {
            display: flex;
            align-items: center;
            gap: 12px;
            overflow: auto;
            position: sticky;
            top: 107px;
            background: white;
            z-index: 10;
            padding-block: 10px;
        }

        .contentMobile {
            margin-top: 12px;
        }

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

        .ratioWrapper,
        .ratioBoxi,
        .rationNumBoxi {
            width: 100%;
            overflow: auto;
        }

        .ratioWrapper.jalandharLogos {
            .rationLogoBoxi:nth-child(3) {
                img {
                    max-width: 90px !important;
                }
            }
        }

        .ratioWrapper.jalandharLogos {
            .rationLogoBoxi:nth-child(4) {
                img {
                    max-width: 90px !important;
                }
            }
        }

        .ratioWrapper.mundraLogos {
            img {
                max-width: 76px !important;
            }
        }

        .ratioWrapper.mundraLogos {
            .rationLogoBoxi:nth-child(3) {
                img {
                    max-width: 56px !important;

                }

            }
        }

        .rationLogoBoxi.DelhiImgMob {
            img {
                max-width: 95px !important;
            }
        }

        .ratioWrapper.lucknowLogo {
            .rationLogoBoxi:nth-child(2) {
                img {
                    max-width: 110px !important;
                }
            }

        }

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

        .termBtn {
            padding: 8px 20px;
            border-radius: 60px;
            justify-content: center;
            align-items: center;
            display: flex;
            border: 1px solid var(--black);
            font-size: 12px;
            line-height: 120%;
            width: fit-content;
            font-family: var(--go-regular);
            color: var(--black);
            transition: all 0.3s;
            min-width: 85px;
        }

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

        .ratioWrapper {
            display: flex;
            width: 100%;
            justify-content: space-between;
            align-items: flex-start;
            gap: 20px;
            overflow: auto;
        }

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

        .ratioBoxi {
            width: 100%;
            padding-left: 12px;
            border-left: 2px solid #E38330;
            display: flex;
            align-items: center;
            min-height: 84px;
        }

        .rationLogoBoxi {
            img {
                max-width: 60px;
            }
        }

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

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

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

        .mumbaiWrapper .rationLogoBoxi:nth-child(1) {
            img {
                max-width: 100px !important;
            }
        }

        .mumbaiWrapper .rationLogoBoxi:nth-child(2) {
            img {
                max-width: 100px !important;
            }
        }

        .mumbaiWrapper .rationLogoBoxi:nth-child(3) {
            img {
                max-width: 100px !important;
            }
        }

        .bengDivi .rationLogoBoxi:nth-child(1) {
            img {
                max-width: 100px !important;
            }
        }

        .bengDivi .rationLogoBoxi:nth-child(2) {
            img {
                max-width: 100px !important;
            }
        }
    }

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

       .insightParaWrapper {
         gap: 8px;
       }

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

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

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

       .insightPara {
         font-size: 14px;
       }

       .insightWrapper {
         gap: 24px;
       }

       .facultyDetailsWrapper {
         gap: 12px;
       }

       .insightNames {
         font-size: 16px;
       }

       .inisghtItalic {
         font-size: 16px;
       }

       .aboutVideo {
         padding-top: 12px;
       }

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


    .feeStructureSection {
        .feeStructureParent {
            overflow-x: scroll;
        }

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

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


        .feeStructureLeft,
        .feeStructureRight {
            max-width: 100%;
        }

        .feeDivider {
            display: none;
        }

        .feeStructureTable {
            min-width: 670px;
        }

        .feeStructureRight .feeStructureTable {
            min-width: 450px;
        }
    }

    .dynamicLearningSection {
        .dynamicPara {
            font-size: 14px;
        }

        .dynamicLearningWrapper {
            gap: 40px;
        }
    }

    .applicationTimeline {

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

        th:nth-child(5),
        td:nth-child(5) {
            width: 10%;
        }

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

        .table-scroll-wrapper {
            -webkit-overflow-scrolling: touch !important;
        }

        .table-scroll-wrapper::-webkit-scrollbar {
            height: 8px;
        }

        .table-scroll-wrapper::-webkit-scrollbar-track {
            background: #f5f5f5;
            border-radius: 4px;
        }

        .table-scroll-wrapper::-webkit-scrollbar-thumb {
            background: var(--grey18) !important;
            border-radius: 10px;
        }

        .table-scroll-wrapper::-webkit-scrollbar-thumb:hover {
            background: var(--grey3) !important;
        }

        .applicationDivi {
            overflow: auto;
        }

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

        .applicationTimelineTable {
            min-width: 900px;
            margin-bottom: 10px;
        }

        .headingTable {
            padding: 12px 10px;
        }

        .timelineRow {
            padding: 8px 10px;
        }
    }

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

        .semesterContentBox {
            padding: unset !important;
        }

        .yearBelowRightHeading {
            flex-direction: column;
            align-items: flex-start !important;
        }

        .aiToolsParent {
            flex-direction: column-reverse;
            gap: 18px;
        }

        .aiToolsLeft{
            max-width: 100%;
        }

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



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

    .lateralSection {
        padding-bottom: 10px !important;

        .lateralWrapper {
            flex-direction: column;
            gap: 32px;
            align-items: flex-end;
            justify-content: flex-end;
        }

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

        .lateralPara {
            margin-top: 8px;
        }

        .advisoryParaBoxi {
            gap: 16px;
        }

        .advisoryList {
            margin-top: 8px;
        }

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

    .dsaiMasters {
        /* Hide scrollbar for webkit browsers */
        scrollbar-width: none;
        /* Firefox */
        -ms-overflow-style: none;
        /* Internet Explorer 10+ */

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

        .newMasterBoxImg {
            min-width: 230px;
        }

        .newMasterImgBox>img {
            min-height: 192px;
        }

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



    .graduatePrestigiousSection {
        background: var(--black);
        padding: 60px 0 !important;
        border-top: 1px solid var(--black5);

        .graduatePrestigiousWrapper.graduateCurriculum {
            padding-top: 0 !important;
            border-radius: 0 !important;
            border-top: unset;
        }


        .degreeHeadingWrapper.mob-visible {
            padding: 8px;
        }

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

        .degreeSectionParent {
            gap: 12px;
        }

        .remarkText {
            margin-left: 0;
            margin-top: 16px;
        }

        .graduatePrestigiousWrapper {
            padding: 0px 8px;
            position: sticky;
            gap: 24px;
            border-radius: 0;
            top: 6em;
        }

        .degreeHeadingWrapper {
            flex-direction: column;
            align-items: flex-start;
            gap: 12px;
            display: flex;
            padding: 0 8px;
        }

        .graduatePrestigiousWrapper {
            padding-top: 24px !important;
            border-radius: 12px 12px 8px 8px !important;
            border-top: 1px solid var(--grey3);

        }

        .graduatePrestigiousWrapper:nth-child(2) {
            border-top: unset;
            padding-top: 0;
            border-radius: 0;
        }

        .degreePara {
            font-size: 14px;
        }

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

        .graduatePrestigiousWrapper.graduateBelowSticky {
            margin-top: 32px;
        }

        .degreeGradientHeading {
            font: italic 20px / 1.2 "Fraunces", serif;
        }

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

        .listNumber {
            max-width: 18px;
            max-height: 18px;
            font-size: 12px;
            line-height: 0;
        }

        .yellowArrow {
            max-width: 13px;
            max-height: 13px;
        }

        .degreeList .degreePara {
            font-size: 13px;
        }
    }

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

        .outClassBoxi {
            max-height: fit-content;
        }

        .swiper-wrapper {
            margin-bottom: 35px !important;
        }

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

        .swiper-pagination {
            display: flex;
            width: 100% !important;
            align-items: center;
            bottom: 0 !important;
            position: absolute !important;
            left: 45% !important;
        }

        .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%;
            flex-direction: column;
            padding: 16px;
        }

        .outClassImage {
            max-height: 100%;
            max-width: 100%;
        }

        .outClassWrapper {
            overflow: auto;
        }
    }

    .mastersGraph .img-container {
        margin-top: 32px;
        flex-direction: row;
        overflow: auto;

        .lottie {
            min-width: 320px;
        }
    }

    .mastersGraph .centeredHeading h2 {
        font-size: 22px;
    }

    .mastersGraph .centeredHeading h2 .gradientTxt {
        font-size: 26px;
    }

    .mastersGraph .centeredHeading p {
        font-size: 13px;
    }

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

    & .mastersGraph {
        .centeredHeading {
            max-width: 100%;
            flex-direction: column !important;
            gap: 12px !important;
            align-items: flex-start !important;

        }

        .btnWhite {
            margin-top: 0 !important;
        }

        .img-container {
            flex-direction: column;

            img {
                max-width: 100%;
            }
        }

        .img-container.img {
            overflow: auto;

            img {
                min-width: 320px;
            }
        }
    }

    .indiaMapSection {
        padding-top: 40px !important;

        .indiaMapWrapper {
            padding: 40px 20px;
            gap: 40px;
        }

        .mapLefti {
            max-width: 100%;
            gap: 0;
        }

        .mapRight {
            max-width: 100%;
            scale: 0.9;
        }

        .mapCoreText {
            font-size: 18px;
        }

        .mapLeftBottom {
            gap: 28px;
        }

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

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

        .newsCardsWrapper {
            padding-left: 16px;
        }

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

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

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

        .coreWrapper .box {
            width: 100%;
        }

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

    .programmeBreatherNew {
        padding: 40px 0 !important;

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

        .firstTbmBoxi {
            min-height: 102px !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;
            min-height: unset;
        }

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


            a,
            button {
                width: 100%;

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

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

        .impactLeft {
            width: 100% !important;
        }

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

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

        .impactHeadingWrapper {
            flex-direction: column;
        }


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

        .impactMobCard:last-child {
            top: 7.8rem;
        }

        .mobImpactImage {
            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: flex-start;
        }

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

    }

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

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

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

    .financing {
        padding: 60px 0 !important;

        .financingHeadingWrap {
            max-width: 100%;
        }

        .caution {
            margin-top: 20px;
        }

        .financingSubHead {
            font-size: 14px;
        }

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

        .financeMenuMob {
            display: flex;
            max-width: 100%;
            padding-left: 16px;
            display: flex;
            align-items: center;
            overflow: auto;

        }

        .container {
            width: 100%;
        }

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

        .financeMenuList.active {
            border-top: 1px solid var(--grey4);
            border-left: 1px solid var(--grey4);
            border-right: 1px solid var(--grey4);
            border-radius: 4px 4px 0 0;
            border-bottom: unset;
        }

        .financeMenuList {
            min-width: 150px;
            padding: 18px 11px;
            max-height: 80px;
            background: var(--white4);
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            transition: 0.3s all;


            img {
                min-height: 30px;
                max-height: 30px;
                overflow: hidden;
                text-align: center;
                align-self: center;
            }

        }

        .financeMenuList::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 3px;
            background-color: var(--grey4);
        }

        .financeMenuList.active::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 3px;
            background-color: var(--grey);

        }

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

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

        .financeDetailWrapper {
            background: var(--white);
            border: 1px solid var(--white4);
            border-radius: 8px;
            padding: 16px 12px;
        }

        .financingWrapper {
            gap: 24px;
        }

        .financeDetailBox {
            border: unset;
            padding-block: 12px;
        }


        .finaceValue {
            font-size: 14px;
        }

        .financeBoxes {
            flex-wrap: nowrap;
            flex-direction: column;
            align-items: flex-start;
            gap: 8px;
        }

    }


    .clubsSection {

        .clubsWrapper {
            flex-direction: column !important;
            gap: 16px !important;
            align-items: flex-start !important;
            text-align: center;

            h2 {
                margin-left: 0px;
            }

            .sharedPara {
                margin-right: 0px;
            }
        }
    }

    .chayosSection {
        .cohortStudent {
            flex-direction: column;
            align-items: flex-start;
            gap: 24px;
        }

        .differentDesign>img {
            min-width: 70px;
            min-height: 70px;
        }

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

        .content-section {
            width: 100%;
        }

        .withoutArrowWhiteBgBtn {
            padding: 8px 14px 10px 14px;
            font-size: 14px;
        }

        .chayosWrapper {
            gap: 32px;
        }

    }

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

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

        .podcastLeft a {
            gap: 10px;
            width: 100%;
        }
    }

    .bluePrintNew {
        .flexbox {
            gap: 24px;
        }

        .headingWrap.masterleft{
            width: 100%;
        }
    }

    .investinFuture {
        padding-bottom: 80px!important;

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

        .learningRight .box h3{
            font-size: 16px;
        }

        .futureInvsetbox {
            border-bottom: 1px solid var(--grey3);
            border-right: unset;
            padding-bottom: 12px;
            padding-left: unset;
            padding-right: unset;
            max-width: 100%;
        }
        .learningWrap{
            margin-top: 250px !important;
        }

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

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

        }

        .futurePercent {
            font-size: 20px;
        }

        .futureText {
            font-size: 13px;
        }

        .futureInvestTextWrap {
            bottom: -55%;
        }

    }

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

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

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

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

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

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

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

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

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

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

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

        .futureGroup {
            gap: 8px;
        }
    }

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

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

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

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

        .futureGroup {
            gap: 8px;
        }
    }

    .lifeAtMuSection {
        .lifeAtMuWrapper {
            gap: 24px;
        }

        .lifeMobWrapper>a {
            width: 100%;
        }

        .lifeCardsWrapper {
            flex-direction: column;
            gap: 24px;
            width: 100%;
        }

        .lifeMuCard {
            max-width: 100%;
        }

        .lifeMuCard .lifeCardHeadWrapper {
            display: none;
        }

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

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

        .lifeMobWrapper {
            align-self: center;
            width: 100%;
        }
    }
    .feeStructureRightImg{
        display: none;
    }

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

        .lectureCard.card7.new{
            min-height: 150px;
        }


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

        .card2 {
            .logo {
                width: 100%;
                max-width: 20%;
            }
        }

        .card4 {
            .lectureProfileCards {
                padding-left: 8px;
            }
        }

        .card3 {
            .logo {
                width: 100%;
                max-width: 20%;
            }

            .lectureCardLogoWrapper.two {
                padding-left: 8px;
            }
        }

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

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

            .logo {
                margin-right: 0;
            }
        }

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

        .lectureWrapper {
            gap: 24px;
        }



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

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

        }

        .cardSubHeading {
            font-size: 20px;
        }

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

        .lectureP {
            font-size: 14px;
        }

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

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

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

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


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

        }

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

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

        .card7 .lectureCardLogoWrapper {
            gap: 0px;

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


        }

        .card5 .RightCardContentFlip{
            margin-bottom: 10px;
        }

        .lectureCard a{
            margin-left: 8px;
        }

        .card7 {
            top: 200px;
        }

        .profileHeadingText {
            font-size: 13px;
        }

        .profileLightText {
            font-size: 12px;
        }

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

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

    .reachoutBreatherSection {
        .reachoutBreatherWrapper {
            flex-direction: column-reverse;
            gap: 20px;
            align-items: flex-start;
        }

        .reachoutLefti,
        .reachoutRight {
            max-width: 100%;
        }

        .reachoutLefti {
            padding: 20px;
            gap: 16px;
        }

        .go-BreatherHeading {
            padding-bottom: 16px;
        }

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

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

        .supportcontentText,
        .supportBoxiText {
            font-size: 13px;
        }
    }

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

    .cohortSection {
        .profileParent {
            flex-direction: column;
            padding: 4px;
            position: unset;
            border-radius: 12px;
        }

        .profileLeft {
            max-width: unset;
            min-height: unset;
            padding: 16px 6px;
        }

        .leftiContainer {
            max-width: unset;
            gap: 16px;
            align-items: unset;
        }

        .techCareerTabs {
            width: 100%;
            overflow: auto;
        }

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

        .careerTabUl {
            width: 100%;
            overflow: auto;
        }

        .roleList {
            gap: 12px;
        }

        .content-section {
            width: 100%;
        }

        /* .profileRight{
            max-height: 200px;
            border-radius: 16px;
           } */

        .careerContentTech {
            padding-inline: unset;
        }

        .careerTabUl li {
            padding: 0 20px 10px 10px;
        }

        .upperContentTab {
            width: 100%;
            gap: 16px;
            padding-inline: unset;
        }
    }

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

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

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

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

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

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


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

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

            svg {
                max-width: 19px;
            }
        }



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

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

        }

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

        .campusDiviParent {
            gap: 10px !important;
        }

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

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

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

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


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

    }

}


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

.faq .content-section {
    width: 83%;
}

@media (max-width: 767px) {
    .faq .content-section {
        width: 100%;
    }
}

@media (min-width: 320px) and (max-width: 360px) {

    html {
        zoom: 90%;
    }

    .feeProcess {
        #growingDiv {
            left: 8.2%;
            top: 66px;
            width: 4.1px;
        }
    }

}

@media (min-width: 1920px) {
    .heroSection {
        min-height: unset !important;
    }
}