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

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

      }

      .ourProgramDsaiSwiper {
          overflow: hidden !important;
      }

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

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

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


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

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

  /* @media (min-width: 1400px) and (max-width: 1540px) {
      .higherStudies {
          .tabimgages {
              img {
                  min-height: 768px;
              }

          }
      }

  } */

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

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

  .seondtabs {
      padding: 10px 0 !important;
  }

  .link-red-arrow {
      color: #E38330 !important;
      font: 14px "go-medium";
      line-height: 160%;
      display: flex;
      /* gap: 10px; */
      align-items: center;
  }

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

  .PopupformWrapper {
      align-items: flex-start !important;
  }


  .admissionTrack {
      padding: 60px 0;

      .container {
          padding: 0;
      }

      .textHighlight {
          color: #090909;
      }

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

      .admissionTrackLeft {
          width: 100%;
          max-width: 661px;
          display: flex;
          flex-direction: column;
          gap: 24px;
      }

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

      .admissionTrackContent {
          font-size: 14px;
          line-height: 150%;
          color: var(--grey3);

      }

      .admissionTrackRight {
          width: 100%;
          max-width: 526px;
          line-height: 0;
      }
  }

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

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

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

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

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

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

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


  }

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

      }

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

      .programmeBreatherLeft {
          width: 100%;
          max-width: 622px;
          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: 594px;

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

      }

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

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

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

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

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

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

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

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

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


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


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

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

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

  .buildingSectionNew {
      background: var(--black);
      padding: 0 !important;

      .buildingStickyWrapper {
          display: flex;
          flex-direction: column;
          gap: 132px;
      }

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

      .buildingWrapper {
          position: sticky;
          top: 7rem;
          max-height: 85vh;
          overflow: hidden;
      }

      .masterPlay {
          height: fit-content;
          width: fit-content;
          left: 42%;
          top: 50%;
      }

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

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

      }

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

      }

      .buildingWatchWrapper>img {
          width: 52px;
      }

      .playBtnPara {
          font-size: 24px;
          line-height: 120%;
          font-family: var(--go-semibold);
      }

      .buildingLogoWrapper {
          position: absolute;
          bottom: 40px;
          left: 60px;
          display: flex;
          justify-content: space-between;
          right: 60px;
          align-items: center;
          z-index: 999;
      }

      .logosWrapper {
          display: flex;
          gap: 24px;
          align-items: center;

          img {
              max-width: 44px;
              max-height: 44px;
          }
      }

      .logoSlider {
          width: 15%;
          overflow: hidden !important;
          border-radius: 40px;
          padding-inline: 12px;

      }
  }

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

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

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

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


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

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

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

      .masterSwiper {
          overflow: hidden !important;
      }

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

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

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

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

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

      .investmentWrapper {
          position: relative;
      }

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

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

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

      .fundWrapper {
          position: relative;
      }

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

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

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

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

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

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

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

      .insightSwiper {
          overflow: hidden !important;
      }

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

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

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

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

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

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

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

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

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

      .inisghtImageWrapper {
          position: relative;
      }

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

  }

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

      .linksWeb {
          width: 100%;
      }

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

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

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

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

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

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

      }

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

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

      .mailFooter {
          align-items: center;
      }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      .mapOperator {
          font-size: 34px;
      }

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

  .impactScroll {
      padding-top: 40px;

      .downloadReports {
          padding: 8px 0;

      }

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


      /* .downloadArrow:hover #changecolor {
         stroke: #E38330;
       
       } */


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

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

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

      .impactLeftBox:nth-child(9)::after {
          background: url("https://images.mastersunion.link/uploads/01102025/v1/globaltagh.svg") !important;
      }

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

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

      .mobImpactImage {
          position: relative;
      }

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

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

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

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

  }


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

      .newMasterDetailsWrap {
          border-radius: 0px 0px 8px 8px;
          line-height: 0;

      }

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

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

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

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

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

      .mastersScroll {
          margin-top: 32px;
      }

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

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

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


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

      .podcastLeft a {
          gap: 10px;
      }

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

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

      .podcastHeadingWrapper {

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

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

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

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

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

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

  .germanImmersion {
      background: linear-gradient(100deg, #39B6D8 -19.33%, #F7D344 40.46%, #E38330 100.24%);
      padding: 60px 0 !important;

      .singaporeBtnWrapper {
          display: flex;
          gap: 12px;
      }

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

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

      .germanBreatherLeft {
          width: 100%;
          max-width: 684px;
          border-radius: 8px;
          background: var(--white);
          padding: 32px 28px;
          display: flex;
          flex-direction: column;
          gap: 26px;
          align-items: flex-start;
      }

      .masterRight {
          width: 100%;
          max-width: 532px;
          overflow: hidden !important;
          max-height: 347px;
      }

      .swiper-slide {
          overflow: hidden !important;
      }

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

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

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

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

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

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

      .germanImageBoxi>img {
          /* min-height: 352px; */
          border-radius: 8px;
      }

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

      .germanImageBoxi {
          position: relative;
          cursor: pointer;
      }
  }

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

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

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


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

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

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

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

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

      .lastTabSem {
          display: flex;
          align-items: flex-end;
          justify-content: flex-end;
      }

      .yearBelowRightHeading p:nth-child(2) {
          flex: 1;
      }

      .aiToolsLeft {

          .go-BlockHeading {
              color: var(--black);
          }

          .fr-BlockHeadingItalic {
              font: italic 28px / 1.2 "Fraunces", serif;
              font-weight: 350;
          }
      }

      .yearBelowRightHeading p:first-child {
          font: 24px 'go-regular';
          line-height: 120%;
          flex: 1;
          color: var(--black);

          span {
              font: italic 28px/1.2 "Fraunces", serif;
              font-weight: 350;

          }
      }

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

      /* .headWrapper {
           position: sticky;
           top: 110px;
           background: var(--white4);
           z-index: 10;
           padding-bottom: 8px;
           padding-top: 12px;
       } */

      .container.headWrapperSticky {
          display: flex;
          justify-content: space-between;
          align-items: center;
          gap: 20px;
      }

      .headWrapper p {
          width: 100%;
          max-width: 600px;
          color: var(--grey3);
      }

      .semWrapper {
          margin-top: 40px;
          display: flex;
      }

      .flagParentDivi img {
          max-width: 80px;
      }

      .semTabs {
          width: 100%;
          max-width: 280px;
          height: fit-content;
          position: sticky;
          top: 140px;
      }

      .tab {
          padding: 10px 0 14px;
          cursor: pointer;
          border-bottom: 1px solid #D9D9D9;
          color: var(--black);
          transition: border-color 0.3s;
      }

      .tab.active {
          border-bottom: 1px solid #000;

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

      .semesterContentBox {
          flex: 1;
          padding: 10px 0px 10px 60px;
      }

      .semester-content {
          margin-bottom: 40px;
          border-radius: 8px !important;
      }

      .semNumber {
          display: flex;
          align-items: center;
          justify-content: space-between;
          color: var(--grey15);
          font: 16px 'go-regular';
          line-height: 120%;
      }

      .subjectTag {
          padding: 4px 15px;
          border-radius: 60px;
          font-size: 14px;
          font-family: "Fraunces", serif;
          font-weight: 400;
          line-height: 120%;
          color: var(--black);
          background: var(--grey4);
          max-width: fit-content;
          font-style: italic;
          transition: background 0.3s;
      }

      .tab.active .subjectTag {
          background: var(--black);
      }

      .blankDiv {
          min-height: 50px;
      }

      .yearBelowRight {
          color: var(--white);
          border-radius: 10px;
          box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.05);
          padding: 20px;
          display: flex;
          flex-direction: column;
          gap: 20px;
          width: 100%;
      }

      .yearBelowRightHeading {
          display: flex;
          justify-content: space-between;
          /* border-bottom: 1px solid var(--grey18); */
          align-items: center;
      }

      .yearBelowRightHeading p {
          font-size: 20px;
          line-height: 120%;
          /* 24px */
          color: var(--grey3);
          font-family: var(--go-medium);
          /* margin-bottom: 18px; */
      }

      .semButtonsDiv {
          display: flex;
          gap: 10px;
          margin-bottom: 20px;
          display: none;
      }

      .aiToolsLeft {
          display: flex;
          flex-direction: column;
          gap: 12px;
          max-width: 375px;
      }

      .appliedPara {
          font-size: 14px !important;
          line-height: 140%;
          /* 19.6px */
          color: var(--grey3);
          font-family: "go-regular" !important;
      }

      .aiToolsParent {
          display: flex;
          gap: 50px;
          align-items: flex-start;
      }

      .aiToolsRight {
          display: flex;
          flex-direction: column;
          gap: 15px;
          max-width: calc(100% - 415px);
      }

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

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

      .modelBox {
          display: flex;
          flex-wrap: wrap;
          gap: 6px;
      }

      .modelBoxiTech {
          display: flex;
          max-width: fit-content;
          padding: 6px 8px;
          justify-content: center;
          align-items: center;
          border-radius: 4px;
          background: var(--grey16);
          font-size: 13.1px;
          font-family: var(--go-medium);
          line-height: 120%;
          color: var(--black);
      }

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

  }

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

  .lifeAtMuSection {
      background: var(--black);
      border-top: 1px solid var(--grey3);

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

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

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

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


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

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

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

      }



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

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

          .lifeCardHeadWrapper {
              opacity: 0;
          }

      }

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

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

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

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

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

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

      .newsHeadingWrapper {
          display: flex;
          flex-direction: column;
          gap: 12px;
          text-align: center;
      }

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

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

      .newsCard {
          position: relative;
          border-radius: 8px;
          cursor: pointer;
          min-width: 24%;

          img {
              border-radius: 8px;
              width: 100%;
          }
      }

      .arrowSvg {
          position: absolute;
          bottom: 25px;
          right: 25px;
          backdrop-filter: blur(5px);
          border-radius: 60px;
      }
  }

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

      .internshipWrapper {
          padding: 0 60px;
      }
  }


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

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

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

      .internshipImage .masterPlay>img {
          width: 48px;
          height: 48px;
      }

      .internshipWrapper {
          background: var(--black);
          border-radius: 16px;
          padding: 40px 60px;
          display: flex;
          flex-direction: column;
          gap: 26px;
          align-items: flex-start;
      }

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

      .internshipImage {
          max-width: 545px;
          max-height: 350px;
          border-radius: 14px;
          position: relative;

          img {
              border-radius: 16px;
          }
      }

      .internshipStudentDetail {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          justify-content: space-between;
          width: 100%;
          max-width: 535px;
      }


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

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

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

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

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

      .internshipDivider {
          width: 100%;
          height: 1px;
          background: var(--grey3);
          max-height: 1px;
      }

      .studentThoughtPara {
          font-size: 13px;
          line-height: 150%;
          font-family: var(--go-regular);
          color: var(--grey10);
          border-top: 1px solid var(--grey3);
          padding-top: 24px;
          border-bottom: 1px solid var(--grey3);
          padding-bottom: 24px;
      }

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

      .studentNumber {
          padding: 8px 12px;
          border-radius: 8px;
          width: fit-content;
          display: flex;
          justify-content: center;
          align-items: center;
          background: var(--black5);
          text-align: center;
          font-size: 14px;
          line-height: 150%;
          font-family: var(--go-regular);
          color: var(--grey18);
      }

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

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

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


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

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

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

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

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

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

      .marginblock20 {
          margin-block: 8px;
      }

      .dsBelowLeft>img {
          position: sticky;
          top: 14rem;
      }

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

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

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

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

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

      .dsBelowLeft.masterImage {
          overflow: unset;

      }

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

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

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

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

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

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

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

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

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

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

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

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

      }

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

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

      .content.active {
          display: flex;
      }

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

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

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

      .greyParaOutclass {
          font-size: 14px;
          font-family: var(--go-regular);
          line-height: 150%;
          color: var(--grey15);
          margin-bottom: 8px;
          display: flex;
          align-items: flex-start;
          gap: 8px;
      }

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

      .content-section {
          overflow: unset;
      }

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

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

      .marginblock20 {
          margin-block: 8px;
      }


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

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

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

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

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

      /* .dsBelowLeft.masterImage {
          overflow: unset;

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

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

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

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

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

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

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

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

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

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

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

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

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

      }

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

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

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

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

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

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

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

      }

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

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

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

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

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

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

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

  .journeyStarts {
      border-top: 1px solid var(--grey18);
  }

  .feeProcess {
      padding: 80px 0;

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

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

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

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

      }

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

      .detailsList .subHeading {
          font-size: 22px;
          font-weight: 400;
          line-height: 120%;
          color: var(--grey3);
          font-family: "Fraunces", serif;
          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: 4px;
      }

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

      }

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

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

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

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

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

      .swiper-pagination-bullet {
          background: #fff;
          /* make bullets white */
          opacity: 1;
          /* fully visible */
      }

      .swiper-pagination-bullet-active {
          background: #FFFFFF !important;
          /* active bullet highlighted */
          width: 40px !important;
          border-radius: 10px !important;
      }

      .swiper-horizontal>.swiper-pagination-bullets,
      .swiper-pagination-bullets.swiper-pagination-horizontal,
      .swiper-pagination-custom,
      .swiper-pagination-fraction {
          bottom: var(--swiper-pagination-bottom, 8px);
          top: var(--swiper-pagination-top, auto);
          left: 0;
          width: 100%;
      }

      .swiper-pagination {
          min-width: 80px !important;
          position: absolute !important;
          text-align: center !important;
          transition: .3s opacity !important;
          transform: translate3d(0, 0, 0) !important;
          bottom: 12px !important;
          left: 50% !important;
          /* move left edge to center */
          transform: translateX(-50%) !important;
      }

      .swiper-slide {
          img {
              border-radius: 8px;
          }
      }



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

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

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

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

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

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

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

      .meritSeprator {
          padding: 1px;
          /* height: 100%; */
          background-color: #262626;
      }

      .meritScholarshipTable tr:first-child td {
          padding-top: 24px;
      }

      .meritScholarshipTable tr:last-child td {
          border-bottom: unset;
      }

      .meritScholarshipTable thead {
          background: var(--grey17);
          border-radius: 4px;
      }

      .meritScholarshipTable th {
          padding: 12px 20px;
          text-align: left;
          font-size: 14px;
          line-height: 120%;
          color: var(--white);

      }

      .meritScholarshipTable th:first-child {
          border-top-left-radius: 4px;
          border-bottom-left-radius: 4px;
      }

      .meritScholarshipTable th:last-child {
          border-top-right-radius: 4px;
          border-bottom-right-radius: 4px;
      }

      .meritScholarshipTable td {
          font-size: 16px;
          line-height: 150%;
          border-bottom: 1px solid var(--black5);
          padding: 8px 20px;
          color: var(--grey10);
      }

      .meritScholarshipTable .textGreyBold {
          color: var(--grey4);
          font-family: var(--go-medium);
          line-height: 150%;
      }

      .meritScholarRight {
          overflow: hidden !important;
          display: flex;
          width: 100%;
          flex: 1;
      }

      .meritNoteBox {
          width: 100%;
          max-width: fit-content;
          background: var(--grey17);
          display: flex;
          border-radius: 8px;
          align-items: center;
          gap: 10px;
          padding: 8px 20px;
      }

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

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

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

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

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



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

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

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

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

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

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

      }

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

      .financeContentWrapper {
          position: relative;
      }

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

      .financeDetailWrapper.active {
          display: block;
      }

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

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

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

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

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

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

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

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

  @keyframes jobScrollRightAnim {
      0% {
          transform: translateX(-50%);
      }

      100% {
          transform: translateX(0%);
      }
  }

  .higherStudies {
      max-height: 120vh;

      .jobCardLeft {
          max-width: 148px;
          max-height: 60px;
      }

      .companyWrapperNew {
          display: flex;
          align-items: center;
          gap: 4px;

          .companiesLogoDivi {
              max-width: 148px;
          }

      }

      .jobScrollContentRight {
          display: flex;
          width: max-content;
          gap: 12px;
      }

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

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

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

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

      .jobScrollContentLeft {
          display: flex;
          width: max-content;
          gap: 12px;
      }

      .higherStudiesWrapper {
          display: flex;
          gap: 50px;
          max-width: 100%;
          padding: 0;
          align-items: stretch;
      }

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

      }

      .lineSpace {
          padding-top: unset;
          margin-top: unset;
          border-top: unset;
      }

      .masterImage {
          border-radius: 0;
      }

      .tabimgages {
          height: 100%;
          max-height: 100%;
          overflow: hidden;

          img {
              height: auto;
              object-fit: cover;

          }
      }

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

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

      .studiesRight {
          max-width: 600px;
      }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

          .mob-visible {
              width: 100%;

              .btnClose {
                  width: 100%;
              }
          }
      }

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

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

          img {
              border-radius: 8px;
          }
      }

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

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

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


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

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

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

      .aiPackedLeft p {

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

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

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

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

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

  .exploreCampus {
      width: 100%;
      position: relative;
      height: 100vh;
      background: linear-gradient(to bottom, var(--white) 54%, var(--black) 50%);


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

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

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

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

      .towerSection iframe {
          height: 65vh;
          margin-top: 30px;
          border-radius: 8px;
      }
  }

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

      th:first-child,
      td:first-child {
          width: 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 10px;
          font-weight: 500;
      }

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

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

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

      .applicationDivi {
          width: 100%;
      }

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

          .statusTable {

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

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

              svg path {
                  fill: #a3a3a3;
              }
          }

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

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

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

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

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

      .feeStructureLeft {
          /* max-width: 60%; */
          max-width: 100%;
          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;
          /* or whatever px you want */
          border-bottom-left-radius: 4px;
      }

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

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

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

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

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

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

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

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

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

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

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

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

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

      .lineSpace {
          margin-top: 0px;
          padding-top: 6px;
      }

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

  /* 
   .faqDsai {
       background: url(https://files.mastersunion.link/resources/img/oppertunityBG.webp) var(--white3);
       background-repeat: no-repeat;
       background-position-y: bottom;
       background-position-x: 1270px;

   } */

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

      .informationWrapper {
          color: var(--black) !important;
      }

      .customDropdownWrapper {
          position: relative;
          width: 100%;
      }

      .dropdownList {
          position: absolute;
          width: 100%;
          display: none;
          background: var(--white);
          border: 1px solid #cccccc5e;
          border-radius: 12px;
          transition: all 0.3s ease;
          max-width: 88%;
          overflow: hidden;
          top: 59px;
          left: 4px;
          z-index: 0;
          box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.05);
      }


      .dropdownList li:hover {
          background: var(--grey4);
          color: black;
          transition: 0.4s ease-in-out;
      }

      .dropdownList li {
          padding: 20px 22px;
          cursor: pointer;
          transition: 0.4s ease-in-out;

      }

      .dropdownList li {
          border-top: 1px solid var(--grey4);
      }

      .dropdownList li:active {
          background-color: var(--grey);
      }

      .btnMobileDrop {
          display: flex;
          align-items: center;
          width: 60%;
          position: relative;
      }

      .custom-select {
          appearance: none;
          /* Standard */
          -webkit-appearance: none;
          /* Safari/Chrome */
          -moz-appearance: none;
          /* Firefox */
          background-image: none;
          /* Remove any default bg icon */
      }

      .arrowReport {
          transition: transform 0.3s ease;
      }

      .arrowReport.rotate {
          transform: rotate(180deg);
      }

      .customDropdownWrapper .btnBlack {
          width: 100%;
          align-items: flex-start;
          justify-content: center;
          gap: 10px;
      }

      /* 
       .afterDivi ::after {
           content: "";
           display: inline-block;
           width: 24px;
           height: 24px;
           background-image: url("https://images.mastersunion.link/uploads/08072025/v1/Frame1321316511.svg");
           background-size: contain;
           background-repeat: no-repeat;
           right: 20px !important;
           position: absolute;
       } */

      .afterDivi .btnBlack {
          min-width: 90%;
      }



      .box2col>img {
          border-radius: 12px;
      }

      .ugDsClassProfile {
          display: flex;
          gap: 10px;
          justify-content: center;
          align-items: center;
      }

      .missionBtn:first-child {
          color: unset !important;
      }

      .missionBtn {
          padding: 8px 20px 10px 20px;
          font-size: 18px;
          font-weight: 350;
          line-height: 120%;
          color: var(--black);
          border: 1px solid var(--black);
          border-radius: 60px;
          max-width: fit-content;
          cursor: pointer;
          /* font-weight: 400; */
          font-family: "Fraunces", serif;
      }

      .ugDsClassProfile .classProfileLi.active {
          background: var(--black);
          color: var(--white) !important;
      }

      .viewAllBtn {
          padding: 14px 20px;
          color: #000;
          font-size: 16px;
          font-family: var(--go-medium);
          line-height: 24px;
          background: transparent;
          border-radius: 54px;
          align-items: center;
          display: flex;
          justify-content: center;
          border: 1px solid var(--black);
          width: 100%;
          max-width: fit-content;
          cursor: pointer;
          gap: 8px;
          max-width: fit-content;
          max-height: fit-content;
      }

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



      .newclassRight {
          max-width: 530px;
      }

      .cohortCompany {
          font-size: 14px;
          font-style: italic;
          font-weight: 400;
          line-height: 120%;
          font-family: "Fraunces", serif;
      }

  }

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

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



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

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