.pgpCmt {

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

  .impactScroll {
    padding-top: 40px;

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

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

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


    .mobImpactImage {
      position: relative;
    }

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

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

  }

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

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

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

  .heroSectionAstro {
    position: relative;
    line-height: 0;
    z-index: 9;
    padding: 80px 0 0;
    overflow: hidden;
    min-height: 80vh;
    background: var(--black);

    .heroSectionImg video {
      width: 100%;
    }

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

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

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

    .heroSectionText {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translate(-50%, -30%);
      display: flex;
      align-items: center;
      flex-direction: column;
      text-align: center;
      gap: 32px;
      width: 100%;
      z-index: 5;
    }

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

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

    .subPointSpan {
      font-family: var(--go-semibold);
      color: var(--grey18);
      font-size: 16px;
      line-height: 150%;
    }

    .heroSectionPointers {
      display: flex;
      gap: 19px;
    }

    .heroSubPoint {
      font-size: 16px;
      line-height: 150%;
      font-family: var(--go-regular);
      color: var(--grey10);
      text-align: center;
      list-style: disc;
      padding-right: 18px;

    }

    .heroSectionBtnWrap {
      display: flex;
      gap: 16px;
      align-items: center;
      justify-content: center;
    }
  }

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

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

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

    }

    .firstTbmBoxi {
      min-height: 114px;
    }

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

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

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

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

      }
    }

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

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

    }

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

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

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

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

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

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

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

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

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


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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .curriculumOutclassDs {
    padding-top: 60px;
    background: var(--white3);

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

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

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

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

    .curriculumDsUpper a img {
      transition: 0.3s;
    }

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

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

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

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

    }

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

    }

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

    }

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

    }

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

    }

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

    }

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


    }

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



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

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

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

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

    }

    .faqHeadingsWrapper.mobView {
      display: none;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .curriculumOutclassDs.pointsList {
    .classRomFaqWrap {
      justify-content: space-between;
      display: flex;
      background: transparent;
      padding: 0;
      border-radius: 6px;
      border: unset !important;
      flex-direction: column;
      margin-bottom: 10px;
    }

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

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

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

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

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

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

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

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

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

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

    .pointLists {
      list-style: disc;
      padding-left: 18px;
      margin-top: 5px;
    }

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

    .viewMoreButton {
      background: var(--white3);
      font-family: "Fraunces", serifs;
      font-weight: 350;
      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;
    }

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

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

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

    .dsBelowLeft .insideFaqImg {
      position: sticky;
      top: 13rem;
      border-radius: 8px;
    }

    .dsBelowLeft.masterImage {
      overflow: unset;
    }
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .certifiedSebi {
    background: url(https://images.mastersunion.link/uploads/04072025/v1/certifiedSebiVector.svg), linear-gradient(to top, var(--white) 44%, var(--black) 43%);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 60px;
    background-position-y: -6px;

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

    .learnTradeImg {
      position: relative;
    }

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

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

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

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

    .newMasterDetailsWrap {
      padding: 16px 8px;
    }

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

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

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

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

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

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

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

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

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

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

    .imgMasterdiv {
      line-height: 0;
    }

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

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

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

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

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

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

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

    } */

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

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

    }

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

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

  .realInvestment {
    background: var(--black);
    padding-top: 60px;
    padding-bottom: 0px;
    line-height: 0;

    .realInvestImg {
      position: relative;
    }

    .realInvestContent {
      position: absolute;
      display: flex;
      justify-content: space-between;
      align-items: center;
      top: 20px;
      width: 90%;
      /* gap: 80px; */
      left: 60px;
    }

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

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

    .masterPlay.watchPlayBtn {
      display: flex;
      gap: 8px;
      align-items: center;
      top: 8%;
      width: fit-content;
      height: fit-content;
      left: 45%;
      top: 50%;
    }
  }

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

    .investmentHeading {
      text-align: center;
    }

    .investmentFlexWrap {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      row-gap: 32px;
    }

    .investMasterBox {
      display: flex;
      flex-direction: column;
      gap: 10px;
      align-items: flex-start;
      width: 100%;
      max-width: 226px;
    }

    .investBoxDetails {
      display: flex;
      flex-direction: column;
      gap: 6px;
      width: 100%;
    }

    .investRecruiteDetail {
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 1px solid var(--grey4);
      padding-bottom: 6px;
    }

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

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

  .fundPortfolio {
    background: linear-gradient(to bottom, var(--white3) 50%, var(--black) 50%);
    position: relative;
    border-bottom: 1px solid var(--black5);
    padding: 60px;

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

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

    .fundPortfolioImg {
      position: relative;
      max-width: 904px;
      margin: 0 auto;
    }
  }

  .walkAway {
    background: var(--black);
    padding: 60px 0px;

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

    .walkAwayImage {
      width: 100%;
      position: relative;
      line-height: 0;
      border-radius: 8px;
      overflow: hidden;
    }

    .walkAwayBelowWrap {
      display: flex;
      justify-content: space-around;
      align-items: flex-start;
    }

    .walkAwayLeft {
      width: 100%;
      max-width: 50%;
    }

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

    .awayItalic {
      font-size: 34px;
      font-style: italic;
      line-height: 120%;
      font-family: "Fraunces", serif;
      font-weight: 350;
    }

    .walkAwayRight {
      width: 100%;
      max-width: 50%;
    }

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

    .walkDetails {
      display: flex;
      gap: 8px;
      align-items: flex-start;
    }

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

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

    .walkBold {
      font-family: var(--go-semibold);
      font-weight: 600;
      line-height: 150%;
      color: var(--grey18);
    }

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

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

  .curriculumTrader {
    background: url(https://images.mastersunion.link/uploads/04072025/v1/curriculumVector.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 0px;

    .curriculumTraderWrap {
      background-color: var(--white);
      border-radius: 16px;
      padding: 32px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: 0 auto;
      gap: 30px;
      max-width: 90%;
    }

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

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

    .tradeWrapRight {
      width: 100%;
      max-width: 481px;
    }
  }

  .insideOutside {
    background: var(--white3);
    padding: 60px 0px;

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

    .insideOutsideUpper {
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: var(--white3);
      position: sticky;
      top: 5.5rem;
      z-index: 10;
    }

    .insideOutsideBelow {
      display: flex;
      justify-content: space-between;
      gap: 32px;
    }

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

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

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

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

    }

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

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

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

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

      }

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

    .impactLeft {
      width: 50%;

    }

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

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

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

    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    }

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

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

  .enrollmentSection {
    background: url(https://images.mastersunion.link/uploads/08052025/v2/Vector13518.svg), var(--black);
    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: 20px;
    }

    .gridCard {
      position: relative;
      overflow: hidden;
      max-height: unset;
      border-radius: 8px;
    }

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

    .onhoverOverlay {
      position: absolute;
      gap: 12px;
      border-radius: 8px;
      background: linear-gradient(to top, rgb(0 0 0 / 53%) 0%, rgb(255 255 255 / 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: 14px;
      line-height: 150%;
      font-family: var(--go-regular);
    }

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

  }

  .applicationTimeline {
    background: var(--white);
    padding-bottom: 40px !important;


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

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

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

    .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(--grey4);
      font-size: 14px;
      font-style: italic;
      font-weight: 400;
      line-height: 120%;
      font-family: "fraunces", serif;
      width: fit-content;
    }

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

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

    .applicationDivi {
      width: 100%;
    }

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

      .statusTable {

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

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

        svg path {
          fill: #a3a3a3;
        }
      }

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

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

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

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

    .structureFeeTable {
      width: 100%;
    }

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

    .tableFee thead {
      background: var(--grey17);
    }

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

    .gradientTableText {
      font-size: 10px;
      line-height: 150%;
      text-transform: uppercase;
      font-family: var(--go-regular);
      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;
    }

    .feeStructureParent {
      width: 100%;
    }

    .feeStructureTable {
      width: 100%;
      border-collapse: collapse;
    }

    .structureWrapper{
      gap: 16px;
    }

    .feeHeadRow {

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

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

    .feeHeadCol:first-child {
      border-top-left-radius: 16px;
    }

    .feeHeadCol:last-child {
      border-top-right-radius: 16px;
    }

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

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

    .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: 11px;
      line-height: 150%;
      font-family: var(--go-regular);
      color: var(--grey10);
    }
  }

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


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

    .futureInvestImg {
      position: relative;
    }

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

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

    .futureInvestContent {
      display: inline-flex;
      padding: 40px;
      justify-content: center;
      align-items: center;
      border-radius: 16px;
      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: 348px;
      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);
    }
  }

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

    .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: 10px;
      max-height: fit-content;
      overflow: hidden !important;
    }


    .lifeCardHeadWrapper {
      display: flex;
      width: 100%;
      justify-content: space-between;
      position: absolute;
      padding: 0 22px;
      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, 1) 0%,
          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: -100%;
      height: 100%;
      width: 100%;
      transition:
        bottom 0.4s ease-in-out,
        opacity 0.4s ease-in-out;
    }

    .lifeMuCard:hover {
      .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;
    }
  }

  .feeProcess {
    padding-top: 0px !important;

    #growingDiv {
      left: calc(33% - 6px);
    }


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

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

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

    }

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

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

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

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

    }

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

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

}

@media (max-width: 767px) {
  .pgpCmt {

    .programmeBreatherNew {
      padding: 40px 0 !important;

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

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

      .programmeBreatherRight {
        padding: 16px;
      }

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

      .eligibilityBoxi {
        font-size: 10px;
      }

      .classText {
        font-size: 18px;
      }

      .classPara {
        font-size: 13px;
      }

      .firstBoxi {
        gap: 4px;
      }

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


        a,
        button {
          width: 100%;

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





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

      .stickyHead {
        position: unset;
      }

      .impactLeft {
        width: 100% !important;
      }

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

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

      }


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

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

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

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

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

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

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

    }

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

    .heroSectionAstro {
      position: relative;
      line-height: 0;
      z-index: 9;
      padding: 80px 0 0;
      overflow: hidden;
      min-height: 80vh;
      background: var(--black);

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

      .heroSectionHeadingWrap {
        max-width: 100%;
      }

      .heroSectionText {
        position: absolute;
        bottom: 32px;
        /* transform: translate(-50%, -20%); */
        display: flex;
        align-items: center;
        flex-direction: column;
        text-align: center;
        gap: 24px;
      }

      .go-HeroSubtitle {
        margin-top: 12px;
        opacity: 0.9;
      }

      .heroSectionBtnWrap {
        display: flex;
        flex-direction: column;
        gap: 12px;
        width: 100%;
        padding-inline: 16px;
        /* align-items: center; */
      }

      .heroSectionBtnWrap a {
        width: 100%;
      }

      .heroSectionBtnWrap button {
        width: 100%;
      }

      .heroSectionMarquee {
        display: flex !important;
      }

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

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

    .traderManager {
      .traderCardHeading {
        font-size: 20px;
      }
    }

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

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

      .tradeExpertWrapper {
        gap: 40px;
      }

      .tradeExpertLeft {
        max-width: 100%;
      }

      .tradeExpertRight {
        max-width: 100%;
      }

      .tradeSubHeading {
        font-size: 14px;
      }

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

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

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

      .fundPortfolioWrap {
        gap: 24px;
      }
    }

    .certifiedSebi {
      background: linear-gradient(to top, var(--white) 29%, var(--black) 15%);

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

      .certifiedSebiSubText {
        font-size: 14px;
      }

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

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

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

      }

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

      .learnTradeText {
        font-size: 14px;
      }

      .marqueeCards {
        margin-top: 40px;
      }

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

    }

    .realInvestment {
      padding-bottom: 0px !important;

      .investmentWrapper {
        display: flex !important;
        flex-direction: column;
        gap: 12px;
        text-align: center;
        padding-inline: 16px;
      }

      .watchVideoText {
        font-size: 16px;
      }


      .realInvestHeading {
        font-size: 13px;
        text-align: center;
        line-height: 150%;
        font-weight: 400;
        font-family: var(--go-regular);
      }

      .realInvestImg {
        margin-top: 32px;
      }

      .masterPlay.watchPlayBtn{
        left: 30%;
        top: 44%;
      }
    }

    .investmentFund {
      .investmentFlexWrap {
        flex-wrap: nowrap;
        overflow: auto;
        max-width: 100%;
      }

      .investMasterBox {
        max-width: 100%;
        min-width: 250px;
      }

      .masterPlay.watchPlayTextNew {
        display: flex;
        gap: 8px;
        align-items: center;
        top: 50%;
        width: fit-content;
        height: fit-content;
        /* transform: translate(50%, -50%); */
        left: 40%;
      }
    }

    .impactScroll {

      .impactLeft {
        width: 100%;
      }

      .impactLeftBoxInner {
        gap: 60px;
        margin-top: 40px;
      }

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

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

      .masterImage {
        border-radius: unset !important;
      }

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

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

      .ulListWrapper {
        .appliedPara {
          font-size: 14px;
        }

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

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

      .impactLeftBoxInner {
        gap: 40px;
      }

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

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

    }

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

      .walkAwayLeft,
      .walkAwayRight {
        max-width: 100%;
      }

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

      .awayHeading {
        font-size: 22px;
      }

      .awayItalic {
        font-size: 24px;
      }
    }

    .curriculumTrader {
      padding: 40px 0px !important;

      .tradeWrapLeft {
        max-width: 100%;
        gap: 16px;

      }

      .curriculumTraderWrap {
        padding: 16px;
        max-width: unset;
        border-radius: 8px;
      }
    }

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

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

      .fourCards {
        grid-template-columns: 1fr;
        gap: 32px;
      }

      .gridCardBlack {
        display: none;
      }

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

      .gridCard {
        max-height: 100%;
      }

      .enrollOverlay {
        display: none;
      }

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

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


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

      .overlayMob {
        font-size: 13px;
      }

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

    .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: 1200px;
        margin-bottom: 10px;
      }

      .headingTable {
        padding: 12px 10px;
      }

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


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

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

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

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

      }

      .futurePercent {
        font-size: 20px;
      }

      .futureText {
        font-size: 13px;
      }

      .futureInvestTextWrap {
        bottom: -55%;
      }

    }

    .feeProcess {

      #growingDiv {
        left: 8.2%;
      }

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

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



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

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

      .feeStructureTable {
        min-width: 520px;
      }

      .fr_heading {
        font-size: 24px;
      }
    }

    .curriculumOutclassDs.pointsList {
      .curriculumDsBelow {
        display: flex;
        flex-direction: column;
      }

      .dsBelowRight {
        background: unset;
      }

      .classRomFaqWrap {
        border: 0.5px solid var(--grey4);
      }

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


    }

    .curriculumOutclassDs {

      .termHeading {
        font-size: 13px;
      }

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

      .curriculumOutclassWrapper {
        gap: 32px;
      }

      .curriculumDsUpper {
        position: unset;
        padding-block: unset;
        align-items: flex-start;
      }

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

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

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

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

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

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

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

      .tradingHeading {
        font-size: 18px;
      }

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

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

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

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

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

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

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

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

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

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


    }

  }
}