.highSchoolStartup.latesthssl.new {
  .participationRight {
    align-items: center !important;
  }
}

.ApplyNow.hssl-brochure {
  top: 40px;

  .popupContainer {
    max-height: 80vh;
  }

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

.highSchoolStartup.latesthssl {
  .hplay {
    cursor: pointer;
  }

  .highPreviousWrapper {
    flex-direction: column;
  }

  .highPreviousWrapper .mastersRoaster {
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
  }

  .highPreviousYrHighlights .nav-arrow {
    margin-top: 0;
    gap: 12px;
  }

  .highSchoolPreviousSliderWrap {
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

  .participationRight ul li img {
    filter: grayscale(1);
  }

  .hsslParticipation {
    padding: 80px 0;

    .missionFlex {
      margin: 0;
      gap: 0px;
    }

    .participationRight,
    .missionCenter {
      max-width: 395px;
      width: 100%;
    }

    .missionLeft {
      max-width: 345px;
    }
  }

  .highSchool {
    max-width: 13%;
  }

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

    ul {
      list-style: disc;
      display: flex;
      gap: 40px;
      align-items: center;
      margin-top: 24px;

      li {
        color: var(--white3);
        font: 16px "go-medium";
        line-height: 150%;
      }
    }

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

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

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

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

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

  .highDescp {
    background: var(--black);
    display: flex;
    padding: 0;
    justify-content: space-between;

    .highDescpWrapper {
      padding-left: 10.1%;
      padding-block: 80px;
      width: 48%;
    }

    .mob-hide {
      width: 40%;
    }
  }

  .hGreyTag p {
    color: var(--grey4) !important;
    text-transform: uppercase;
  }

  .highXtraMargin {
    margin-top: 10px !important;
  }

  .highCardLiWrap {
    min-height: 144px;
  }

  .hSchoolBg p:first-child {
    line-height: 150%;
    color: var(--grey10);
    font-size: 16px;
    font-weight: 400;
  }

  .hSchoolBg p:last-child {
    font-family: "fraunces", serif;
    font-size: 60px;
    font-style: italic;
    font-weight: 400;
    line-height: 120%;
    background: linear-gradient(280deg, #f7d344 9.39%, #e38330 101.03%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-right: 5px;

    span {
      font-size: 50px;
    }
  }

  .hSchoolBg {
    padding-block: 0;
    flex-direction: column-reverse;
    height: unset;
  }

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

  .skyWrapper {
    display: flex;
    gap: 80px;
    align-items: flex-end;
  }

  .inputBox {
    margin-top: 6px;
    padding: 10px 12px;
  }

  .registerForm .form {
    margin-top: 20px;
  }

  .skyLeft {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 100%;
    max-width: 50%;

    img {
      height: 100%;
    }
  }

  .skyright {
    max-width: 46%;
    width: 100%;
  }

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

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

  .phone-input-container {
    display: flex;
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
    background: white;
    transition: border-color 0.2s ease;
    margin-top: 8px;
  }

  .country-code-select {
    background: var(--white);
    border: none;
    padding: 12px 16px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    cursor: pointer;
    border-right: 1px solid #ddd;
    outline: none;
    max-width: fit-content;
  }

  .phone-input {
    flex: 1;
    border: none;
    padding: 12px 16px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    outline: none;
    background: white;
  }

  .phone-input-container:focus-within,
  .phone-input-container:hover,
  .input:focus-within {
    background:
      linear-gradient(var(--white) 0 0) padding-box,
      var(--gradient) border-box;
    border: 1px solid transparent;
  }
}

/*  ugAchivers */
.achieversForm.techDsaiHomePage.dsaiRedesign.aiHackathon {
  .heroWrapperHeadingDiv.new {
    max-width: 50% !important;
  }

  .techHeroSection {
    padding-top: 80px !important;
  }
}

.achieversForm {
  .form {
    margin-top: 24px !important;
  }

  .techHeroSection {
    border-bottom: 1px solid var(--grey3);
    padding: unset !important;
  }

  .techHeroSectionWrapper {
    position: relative;
  }

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

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

  .achieversSubHeading {
    text-align: center;
  }

  .subHeadBold {
    font-size: 18px;
    font-family: var(--go-semibold);
  }

  .achieverRegister {
    background: url(https://images.mastersunion.link/uploads/17072025/v1/Frame13213179071.webp);
    padding: 80px 0px;
    background-size: cover;
    background-repeat: no-repeat;

    .registerForm {
      padding: 32px;
    }

    .whitebigform {
      background: unset;
    }

    .orText {
      margin-top: 6px;
      font-size: 12px;
      color: var(--grey15);
      line-height: 150%;
      font-family: var(--go-regular);
      align-self: center;
    }
  }
}

.ugAchivers {
  /* heroSection */

  .ugAchiversHero {
    position: relative;
    background: url("https://images.mastersunion.link/uploads/03072025/v1/P1095742.webp");
    /* background: url("https://images.mastersunion.link/uploads/01072025/v1/herosection3.webp"); */
    padding-bottom: 0;
    line-height: 0;
    min-height: 100vh;
    overflow: hidden;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 48px;

    .heroP {
      color: white;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 136px;
      font-weight: 500;
      font-size: 24px;
      font-family: var(--go-regular);
      line-height: 120%;
      color: #ffffff;
    }

    .aboveImg {
      position: absolute;
      bottom: -86px;
      left: 0%;
      z-index: 2;
      width: 100%;
      /* top: -60px; */
    }

    /* onScroll css */
    .heroMovingTextimg {
      transition: transform 0.3s ease-out;
    }

    .bgHeroImg {
      top: 166px;
      position: absolute;
      right: 0px;
      /* right: 197px; */
      width: 100%;
      scale: 1.05;
    }

    /* .bgHeroImg {
    right: -160px;
  } */
    .aboveImg img {
      width: 100%;
    }

    /* end of onScroll css */
    .marquee3 {
      margin-top: 40px;
    }

    .lensBoxi {
      background: none;
      padding: 10px 10px 17px 10px;
      display: flex;
      flex-direction: column;
      gap: 8px;
      max-width: 100%;
    }
  }

  /*  neicheNetwork */
  .nicheNetwork {

    /* fonts  */
    .nicheBold {
      font-weight: 600;
      font-size: 30px;
      line-height: 150%;
      color: rgba(9, 9, 9, 1);
    }

    .nicheTXT {
      font-weight: 400;
      font-size: 30px;
      line-height: 150%;
    }

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

    .nicheNetworkWrapper {
      position: relative;
      display: flex;
      justify-content: center;
      flex-direction: column;
      gap: 12px;
      align-items: center;
    }

    .leftcard {
      position: absolute;
      left: 14px;
      z-index: -1;
      top: 200px;
      max-width: 200px;
      transform: translateY(0);
      transition: transform 0.2s ease;
    }

    .rightcard {
      position: absolute;
      right: 14px;
      z-index: -1;
      top: 180px;
      max-width: 200px;
      transform: translateY(0);
      transform: translateX(0);
      transition: transform 0.2s ease;
    }

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

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

    .nicheNetworkContent {
      max-width: 864px;
      text-align: center;
      display: flex;
      flex-direction: column;
      gap: 12px;
      align-items: center;
    }

    .line {
      width: 100%;
      max-width: 620px;
      height: 1px;
      background-color: rgba(229, 229, 229, 1);
    }

    .flexList {
      display: flex;
      gap: 12px;
      list-style: none;
      /* Remove default bullets */
      padding-left: 0;
      margin: 0;
    }

    .flexList li {
      position: relative;
      padding-left: 1em;
      /* Space for the custom bullet */
      font-size: 24px;
      font-weight: 500;
      line-height: 120%;
      color: rgba(9, 9, 9, 1);
    }

    .flexList li::before {
      content: "•";
      position: absolute;
      left: 0;
      top: 0;
      color: black;
      font-size: 1.2em;
      line-height: 1;
    }
  }

  /* end of neicheNetwork */

  /* startups */
  .startups {
    background-color: var(--white3);
    /* bottom border */
    /* border-bottom: 6px solid; */
    border-image-source: linear-gradient(91.25deg,
        #39b5d7 1.8%,
        #f7d544 50.99%,
        #e38330 99.75%);
    border-image-slice: 1;
    border-image-repeat: stretch;

    .marqueeHeading {
      text-align: center;
      font-size: 30px;
      font-weight: 400;
      line-height: 100%;
    }

    .f34 {
      font-size: 34px;
      font-weight: 400;
      line-height: 100%;
    }

    .lensBoxi {
      width: 100%;
      max-width: 200px;
      border-radius: 12px;
      border: 1px solid var(--grey16);
      padding: unset;
    }
  }

  /* end of startups */
  .vertical-text.two {
    bottom: 67px !important;
  }

  .vertical-text.three {
    bottom: 46px !important;
  }

  /*  COMPONENT GET GOING  */
  .getGoing {
    /* background-color: #090909; */

    .getGoingWrapper {
      /* background: url("https://images.mastersunion.link/uploads/03072025/v1/Vector1351.svg"); */

      display: flex;
      flex-direction: column;
      gap: 40px;
      background-color: rgb(255, 255, 255);
      border-radius: 24px;
    }

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

    .getGoingLeft {
      max-width: 58%;
    }

    .getGoingContent {
      display: flex;
      gap: 20px;
      padding: 40px;
      border-radius: 24px;
      background-color: black;
    }

    .getGoingCard {
      max-width: 570px;
      width: 100%;
      border: 1px solid #404040;
      border-radius: 24px;
      overflow: hidden;
    }

    .getGoingCard img {
      border-radius: 16px;
    }

    .getGoingp {
      font-weight: 400;
      font-size: 16px;
      line-height: 150%;
      letter-spacing: 0;
      color: #404040;
      margin-top: 8px;
    }

    .getGoingCardnum {
      font-weight: 400;
      font-size: 14px;
      line-height: 120%;
    }

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

    .getGoingCardp {
      font-family: var(--go-regular);
      font-weight: 300;
      font-size: 14px;
      line-height: 120%;
      color: #a3a3a3;
    }

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

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

    /*  */

    .getGoingCard {
      position: relative;
      line-height: 0;
      /* height: 400px; */
    }

    /* Black gradient overlay */
    .getGoingOverlay {
      position: absolute;
      inset: 0;
      /* background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent); */
      background: linear-gradient(180deg,
          rgba(9, 9, 9, 0) 6.04%,
          #090909 87.36%);

      z-index: 2;
    }

    /* Text over the image */
    .getGoingtxt {
      position: absolute;
      bottom: 10px;
      left: 0;
      color: white;
      padding: 26px 34px;
      z-index: 2;
      display: flex;
      flex-direction: column;
      gap: 12px;
      width: 100%;
    }
  }

  /*  END OF  GET GOING  */

  /*    businessFounder   */

  .businessFounder {
    .highSchoolHeadWrapper {
      background-color: black;
      color: white;
      display: flex;
      flex-direction: column;
      gap: 60px;
      align-items: center;
      justify-content: center;
    }

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

    .businessHeadBox {
      display: flex;
      flex-direction: column;
      gap: 10px;
      padding-right: 42px;
      border-right: 1px solid var(--black5);
    }

    .headingNumber {
      font-size: 60px;
      font-family: "Fraunces", serif;
      font-weight: 400;
      color: var(--black);
      line-height: 120%;
      text-align: center;
    }

    .businessHeadLower {
      display: flex;
      gap: 42px;
    }

    .businessHeadBox {
      display: flex;
      flex-direction: column;
      gap: 10px;
      padding-right: 42px;
      border-right: 1px solid var(--black5);
    }
  }

  /*    END OF  businessFounder   */

  /* images section  */
  .lensSection {
    background: var(--black);
    display: flex;
    flex-direction: column;
    margin-bottom: -1;
    /* gap: 40px; */
    padding: 80px 0;
    border-bottom: 1px solid var(--black5);

    .lensWrapper {
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      margin-bottom: 60px;
    }

    /*  */
    .highSchoolHeadWrapper {
      color: white;
      display: flex;
      flex-direction: column;
      gap: 60px;
      align-items: center;
      justify-content: center;
    }

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

    .businessHeadBox {
      display: flex;
      flex-direction: column;
      gap: 10px;
      padding-right: 42px;
      border-right: 1px solid var(--black5);
    }

    .businessHeadBox:last-child {
      border: none;
    }

    .headingNumber {
      font-size: 60px;
      font-family: "Fraunces", serif;
      font-weight: 400;
      color: var(--black);
      line-height: 120%;
      text-align: center;
    }

    .businessHeadLower {
      display: flex;
      gap: 42px;
    }

    .businessHeadBox {
      display: flex;
      flex-direction: column;
      gap: 10px;
      padding-right: 42px;
      border-right: 1px solid var(--black5);
    }

    .highSchlHeading {
      font-weight: 400;
      font-size: 30px;
      line-height: 120%;
    }

    .businessNumberText {
      font-weight: 400;
      font-size: 18px;
      line-height: 150%;
      color: #a3a3a3;
    }

    /*  */

    .lensSlider {
      display: flex;
      gap: 20px;
    }

    .lensBoxi {
      background: var(--white);
      padding: 10px 10px 17px 10px;
      display: flex;
      flex-direction: column;
      gap: 8px;
      max-width: 2.3%;
    }

    .lensPara {
      font-size: 16px;

      font-weight: 400;
      line-height: 120%;
      text-align: center;
      font-family: "Fraunces", serif;
      color: var(--grey17);
    }

    .buildingImage picture>img {
      width: 100%;
    }

    .marquee3 {
      width: 100%;
      pointer-events: none;
      overflow: hidden;
      display: flex;
      align-items: center;
    }

    .marquee__inner-wrap {
      height: 100%;
      width: 100%;
    }

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

    .lensBoxi {
      background: var(--white);
      padding: 10px 10px 17px 10px;
      display: flex;
      flex-direction: column;
      gap: 8px;
      max-width: 2.3%;
    }

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

  /* End of images section  */

  /* builderTribe */
  .builderTribe {
    background-color: #090909;
    color: white;
    padding: 80px 0 0 0;

    .builderTribeWrapper {
      max-width: 1240px;
      display: flex;
      flex-direction: column;
      gap: 60px;
    }

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

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

    .builderTribeCard {
      max-width: 146px;
      width: 100%;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .builderTribeCard img {
      width: 100%;
      height: 493px;
    }

    .vertical-text {
      position: absolute;
      bottom: 68px;
      transform: rotate(270deg);
      width: 100%;
      min-width: max-content;
    }

    .buildTribeText {
      font-size: 32px;
      line-height: 120%;
      vertical-align: middle;
      font-family: "Fraunces", serif;
      font-size: 32px;
      font-weight: 400;
      line-height: 120%;
    }

    /* .bw-image {
    width: 300px;
    filter: grayscale(100%);
    transition: filter 0.4s ease;
  }
  .bw-image:hover {
    filter: grayscale(0%);
    color: red;
  } */
    .builderTribeCard {
      filter: grayscale(100%);
      transition: filter 0.4s ease;
      color: #e38330;
      transition:
        filter 0.4s ease,
        transform 0.4s ease;
    }

    .builderTribeCard:hover {
      filter: grayscale(0%);
      color: #e38330;
      /* transition: filter 0.4s ease; */
      transform: scale(1.05);
    }
  }

  .startups {
    .topStartup {
      text-align: center;
      display: flex;
      flex-direction: column;
      gap: 40px;
    }
  }

  /* End of builderTribe */

  /* beforeClg */
  .beforeClg {
    padding: 60px 0;
    background-color: #090909;

    .upperdiv {
      display: flex;
      justify-content: flex-start;

      h1 {
        transform: translateX(0);
      }
    }

    .f70Italic {
      color: #ffffff;
      font-size: 70px;
      font-style: italic;
      font-family: "Fraunces", serif;
      font-weight: 400;
      line-height: 120%;
      transition: transform 0.2s ease-out;
    }

    .gradientTxtcustom {
      background: linear-gradient(280.12deg, #f7d344 9.52%, #e38330 104.78%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .lowerdiv {
      display: flex;
      justify-content: flex-end;

      h1 {
        transform: translateX(0);
      }
    }
  }

  /*   -------------  semi circle   cards section ------------ */

  .u18CrownCircle {
    background-color: black;
    color: white;
    padding-bottom: 0;

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

    /* .swiper-pagination{
    justify-self: center;
  } */

    /* .swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #444;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  } */

    .crownCircleHeader {
      text-align: center;
    }

    .u18Heading {
      font-size: 30px;
      font-family: var(--go-regular);
      font-weight: 400;
      margin-bottom: 80px;
    }

    .crownCircleContent {
      position: relative;
      height: 640px;
    }

    .ccContentRelative {
      margin: 0 auto;
      position: absolute;
      max-width: 725px;
      width: 100%;
      bottom: 0px;
      left: 50%;
      transform: translate(-50%, 0%);
      z-index: 1;
    }

    .ccContentCard {
      position: absolute;
      max-width: 188px;
      width: 100%;
      filter: brightness(0.4);
      z-index: 4;
    }

    .ccContentCard.active {
      filter: brightness(1);
    }

    .ccContentCard[data-id="1"].active~.ccContentFlow[data-id="1"],
    .ccContentCard[data-id="2"].active~.ccContentFlow[data-id="2"],
    .ccContentCard[data-id="3"].active~.ccContentFlow[data-id="3"],
    .ccContentCard[data-id="4"].active~.ccContentFlow[data-id="4"],
    .ccContentCard[data-id="5"].active~.ccContentFlow[data-id="5"],
    .ccContentCard[data-id="6"].active~.ccContentFlow[data-id="6"] {
      transform: translateY(50px);
      filter: grayscale(0);
      opacity: 1;
      /* transition: opacity 0.4s ease; */
    }

    .ccContentCard[data-id="1"].active~.ccContentTxt[data-id="1"],
    .ccContentCard[data-id="2"].active~.ccContentTxt[data-id="2"],
    .ccContentCard[data-id="3"].active~.ccContentTxt[data-id="3"],
    .ccContentCard[data-id="4"].active~.ccContentTxt[data-id="4"],
    .ccContentCard[data-id="5"].active~.ccContentTxt[data-id="5"],
    .ccContentCard[data-id="6"].active~.ccContentTxt[data-id="6"] {
      filter: grayscale(1);
      z-index: 5;
      transition:
        transform 0.4s ease,
        filter 0.4s ease;
      color: white;

      .ctP {
        display: block;
      }

      .ctFitalic {
        color: white;
      }

      /* bottom: 10px;  */
      transition: opacity 0.4s ease;
    }

    .ccTxt1 {
      /* transform: translateY(100px); */
    }

    .card1 {
      bottom: -18px;
      left: 251px;
      transition:
        opacity 0.4s ease,
        visibility 0.4s ease;
      rotate: -76deg;
    }

    .card2 {
      bottom: 111px;
      left: 328px;
      rotate: -45deg;
      transition:
        opacity 0.4s ease,
        visibility 0.4s ease;
    }

    .card3 {
      bottom: 186px;
      left: 456px;
      rotate: -16deg;
      transition:
        opacity 0.4s ease,
        visibility 0.4s ease;
    }

    .card4 {
      bottom: 183px;
      left: 602px;
      rotate: 15deg;
      transition:
        opacity 0.4s ease,
        visibility 0.4s ease;
    }

    .card5 {
      bottom: 110px;
      left: 728px;
      rotate: 45deg;
      transition:
        opacity 0.4s ease,
        visibility 0.4s ease;
    }

    .card6 {
      bottom: -17px;
      left: 800px;
      rotate: 74deg;
      transition:
        opacity 0.4s ease,
        visibility 0.4s ease;
    }

    .ccContentFlow {
      z-index: 0;
      position: absolute;
      filter: grayscale(0.9);
      opacity: 0.25;
      /* transition: opacity 0.4s ease;    */
      transition:
        transform 0.4s ease,
        filter 0.4s ease;
    }

    .ccContentCard[data-id="1"].active~.ccContentTxt[data-id="1"] {
      transform: translateY(44px);
    }

    .ccContentCard[data-id="2"].active~.ccContentTxt[data-id="2"] {
      transform: translateY(48px);
    }

    .ccContentCard[data-id="3"].active~.ccContentTxt[data-id="3"] {
      transform: translateY(50px);
    }

    .ccContentCard[data-id="4"].active~.ccContentTxt[data-id="4"] {
      transform: translateY(46px);
    }

    .ccContentCard[data-id="5"].active~.ccContentTxt[data-id="5"] {
      transform: translateY(52px);
    }

    .ccContentCard[data-id="6"].active~.ccContentTxt[data-id="6"] {
      transform: translateY(46px);
    }

    .ccContentCard[data-id="1"].active~.ctFitalic[data-id="1"] {
      background-color: red;
    }

    .ccContentCard[data-id="2"].active~.ctFitalic[data-id="2"] {
      transform: translateY(48px);
    }

    .ccContentCard[data-id="3"].active~.ctFitalic[data-id="3"] {
      transform: translateY(50px);
    }

    .ccContentCard[data-id="4"].active~.ctFitalic[data-id="4"] {
      transform: translateY(46px);
    }

    .ccContentCard[data-id="5"].active~.ctFitalic[data-id="5"] {
      transform: translateY(52px);
    }

    .ccContentCard[data-id="6"].active~.ctFitalic[data-id="6"] {
      transform: translateY(46px);
    }

    .ccFlow1 {
      width: 141px;
      bottom: 68px;
      left: 120px;
    }

    .ccFlow2 {
      width: 68px;
      bottom: 240px;
      left: 276px;
    }

    .ccFlow3 {
      width: 40px;
      bottom: 338px;
      left: 480px;
    }

    .ccFlow4 {
      width: 57px;
      bottom: 335px;
      left: 686px;
    }

    .ccFlow5 {
      width: 65px;
      bottom: 264px;
      left: 876px;
    }

    .ccFlow6 {
      width: 117px;
      bottom: 100px;
      left: 969px;
    }

    .ccContentTxt {
      position: absolute;
      display: flex;
      flex-direction: column;
      gap: 8px;
      transition:
        transform 0.4s ease,
        filter 0.4s ease;
      filter: grayscale(0);
    }

    .ctFitalic {
      font-family: "Fraunces", serif;
      font-style: italic;
      font-size: 22px;
      line-height: 120%;
      font-weight: 300;
      color: var(--grey10);
    }

    .ctP {
      font-size: 12px;
      font-family: var(--go-regular);
      /* font: 14px 'go-regular'; */
      line-height: 150%;
      color: #a3a3a3;
      display: none;
      transition: opacity 0.4s ease;
    }

    .ctP ul {
      list-style-type: disc;
    }

    .ctP li {
      margin-left: 15px;
    }

    .ccTxt1 {
      bottom: 236px;
      left: -40px;
    }

    .ccTxt2 {
      bottom: 402px;
      left: 62px;
    }

    .ccTxt3 {
      bottom: 544px;
      left: 300px;
    }

    .ccTxt4 {
      bottom: 562px;
      left: 648px;
    }

    .ccTxt5 {
      bottom: 410px;
      left: 800px;
    }

    .ccTxt6 {
      bottom: 216px;
      left: 972px;
    }

    .fiOrange {
      color: #e38330;
      font-size: 34px;
      line-height: 120%;
      font-family: "Fraunces", serif;
      font-style: italic;
      font-weight: 400;
    }
  }

  /* ---------------  END OF DONUT MENU CARD */

  /* .container {
padding: 0;
} */

  .CardSectionscWrapper {
    /* padding: 40px 0px; */
    display: flex;
    flex-direction: column;
    gap: 60px;
    position: relative;
  }

  .cardSecHeading {
    text-align: center;
  }

  .cardSecMainWrapper {
    position: absolute;
    top: 130px;
    left: 100px;
    max-width: 270px;
  }

  .maincontent {
    display: none;
  }

  .maincontent.active {
    display: block;
  }

  .cardSwiperTry {
    width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
    overflow: hidden !important;
    margin-top: 40px;
  }

  .flowLogo {
    margin-left: 34px;
  }

  .swiper-wrapper {
    display: flex;
  }

  .swiper-slide {
    width: auto;
    transition: transform 0.3s ease;
  }

  .unmuteCards img {
    filter: grayscale(100%);
    transition: filter 0.4s ease;
    transform: translate3d(0px, 0px, -100px) rotateX(0deg) rotateY(0deg) scale(0.8);
    border-radius: 12px;
    width: 100%;
  }

  .unmuteCards.swiper-slide-active img {
    transform: translate3d(0px, 0px, -100.86px) rotateX(0deg) rotateY(0deg) scale(1);
    filter: grayscale(0%);
  }
}

/* summerskill week page css starts*/
.summerEventSkillWeek {
  .heroWrapper .left p {
    width: 100%;
    max-width: 80%;
  }

  .mastermind h2 {
    width: 100%;
    max-width: 55%;
  }

  .costDetails .perParticipant {
    font-size: 20px;
    line-height: 30px;
    font-family: var(--go-regular);
    color: var(--grey4);
  }

  .CardInner .headingSmall {
    margin-bottom: 0;
    font-family: var(--go-regular) !important;
  }

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

/* summerskill week page css ends */

/* /temperory certificate */
.verifyCertificate .yellow-bg {
  display: inline-block;
  width: 100%;
  padding: 140px 0;
  background-color: rgba(250, 209, 51, 0.05) !important;
}

.verifyCertificate .heading-4 {
  font-family: "go-bold";
  font-size: 32px;
  line-height: 38px;
  color: var(--black);
}

.verifyCertificate .searchBoxOuter a {
  height: 100%;
  padding: 12px 25px;
  background: var(--red);
  border-radius: 5px;
  border: none;
  cursor: pointer;
  text-decoration: none;
  color: var(--white);
  font-family: "go-semibold";
  font-size: 14px;
  transition: 0.5s;
}

.verifyCertificate .white-bg {
  display: inline-block;
  width: 100%;
  padding: 80px 0;
  background-color: var(--white) !important;
}

.verifyCertificate .studentTable {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.verifyCertificate .studentTableOuter {
  display: block;
  overflow: auto;
  height: 600px;
  border: 1px solid var(--black);
  width: 100%;
  border-radius: 10px;
  background: var(--white);
}

.verifyCertificate .catalogueContentOuter {
  height: 100%;
  padding: 30px 0;
  border-radius: 5px;
  width: calc(100% - 320px);
}

.verifyCertificate .catalogueOuter .group {
  display: flex;
  gap: 10px;
  width: 100%;
}

.verifyCertificate .studentTable td {
  font-family: "go-medium";
  font-size: 14px;
  padding: 20px 40px;
  border-bottom: 1px solid var(--black);
}

.verifyCertificate .searchBoxOuter {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}

.verifyCertificate .msg-error {
  font-size: 13px;
  color: var(--black);
  margin-top: 2px;
  display: inline-block;
}

.verifyCertificate .catalogueOuter {
  margin-top: 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  height: 90vh;
  flex-direction: column;
}

.verifyCertificate .studentTable tr {
  background: var(--white);
}

.verifyCertificate .black-bg {
  display: inline-block;
  width: 100%;
  /* padding: 40px 0; */
  background: var(--black);
}

.verifyCertificate .certificateImg {
  width: 100%;
}

.verifyCertificate .certificateImg img {
  width: 100%;
  object-fit: cover;
}

.verifyCertificate .viewCertificateHeader {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  margin-top: 80px;
}

.verifyCertificate .viewCertificateHeader .headerLeft {
  width: 75%;
}

.verifyCertificate .heading-5.yellow-text.ng-regular {
  font-family: "ss-light";
}

.verifyCertificate .headerLeft p {
  font-size: 15px;
  font-family: "ss-semibold";
}

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

.verifyCertificate .viewCertificateHeader .heading-7 {
  font-family: "ss-light" !important;
}

.verifyCertificate .viewCertificate {
  display: none;
}

.verifyCertificate .searchInput {
  width: 100%;
  max-width: 615px;
  border: 1px solid var(--dark-grey);
  border-radius: 5px;
  outline: none;
  padding: 12px 20px;
  background: var(--white);
  transition: 0.3s;
}

.verifyCertificate .text-3 {
  font-family: "go-regular";
  font-size: 14px !important;
  line-height: 21px;
  color: var(--light-black);
  width: 100%;
  display: inline-block;
}

.verifyCertificate .shareLogoOuter svg {
  cursor: pointer;
}

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

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

.verifyCertificate .viewCertificateHeader .headerRight {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  width: 20%;
}

.verifyCertificate .studentTable a {
  text-decoration: none;
  color: var(--black);
  background: #dddddd;
  padding: 5px;
  border-radius: 5px;
}

.testDriveWrap {
  position: relative;
  overflow: hidden;
}

.testDriveWrap .white-btn {
  background-color: var(--white);
  color: var(--black);
  border: 1px solid var(--black);
  border-radius: 5px;
  padding: 15px 60px;
}

.testDriveWrap .gradient-btn {
  background: linear-gradient(90deg, #f7bd01 8.33%, #f69b27 100%);
  padding: 15px 160px;
  color: var(--black);
  font-family: "go-medium";
  border-radius: 5px;
  text-transform: none;
  transition: 0.5s;
  border: 1px solid transparent;
}

.testDriveWrap .testDriveWrap.new .greyMultiTag {
  gap: 20px 45px !important;
  flex-wrap: wrap !important;
}

.testDriveWrap .greyMultiTag {
  padding: 10px;
  border-radius: 5px;
  background: linear-gradient(90deg, #343434 0%, #121112 46.63%, #313131 100%);
  display: flex;
  align-items: center;
  gap: 25px;
  flex-wrap: wrap;
}

.testDriveWrap .gradient-btn:hover,
.testDriveWrap .gradient-btn-outline:hover {
  box-shadow:
    5px 5px var(--white),
    5px 5px 0 1px var(--yellow);
}

.testDriveWrap .ccPhone {
  position: relative;
}

.testDriveWrap .ccPhone .flexbox {
  align-items: center;
  justify-content: flex-start;
}

.testDriveWrap .ccPhone .flexbox select {
  background: var(--black);
  border: 1px solid var(--white);
  border-right: 0;
  padding: 15px 5px;
  height: 52px;
  color: #d1d1d1;
}

.testDriveWrap .ccPhone .flexbox select option {
  color: var(--white) !important;
}

.testDriveWrap .ccPhone .flexbox .input {
  height: 52px;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

@media (min-width: 768px) and (max-width: 1366px) {
  .testDriveWrap section {
    padding: 60px 0 !important;
  }
}

@media (max-width: 767px) {
  .roadmapBoxParent {
    display: flex;
    overflow: auto;
    flex-direction: row;
    flex-wrap: nowrap !important;

    .roadmapBox {
      min-width: 250px;
      min-height: 224px;
    }
  }

  .testDriveWrap {
    padding: 0;
    gap: 10px;
  }
}

.testDriveWrap .ytag {
  width: 40% !important;
}

@media (max-width: 767px) {
  .testDriveWrap .ytag {
    text-wrap: wrap !important;
  }
}

.testDriveWrap .testDriveWrap.new .greyMultiTag {
  gap: 20px 45px !important;
  flex-wrap: wrap !important;
}

@media (min-width: 1024px) and (max-width: 1366px) {
  .testDriveWrap {
    padding: 6px 12px;
  }
}

.testDriveWrap .ytag {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  color: var(--white);
  font-family: "go-semibold";
  font-size: 16px;
  font-weight: 600;
  line-height: 120%;
  text-wrap: nowrap;
}

@media (max-width: 767px) {
  .testDriveWrap .ytag {
    font-size: 13px;
    font-family: "go-regular";
    font-weight: 400;
    gap: 5px;
  }

  .testDriveWrap .ytag span {
    text-wrap: wrap;
  }
}

@media (min-width: 1024px) and (max-width: 1366px) {
  .testDriveWrap .ytag {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .testDriveWrap .ytag img {
    max-width: 20px;
  }
}

.testDriveWrap .heroSection {
  position: relative;
  padding: 180px 0 0;
}

@media (max-width: 767px) {
  .testDriveWrap .heroSection {
    padding: 120px 0 !important;
  }
}

.testDriveWrap .heroSection {
  background:
    url("https://cdn.mastersunion.link/assets/imgV2/testDriveBg.png"),
    var(--black2);
  background-position: center;
  background-size: cover;
}

.testDriveWrap .heroSection .heroSectionFlex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 60px;
}

@media (max-width: 767px) {
  .testDriveWrap .heroSection .heroSectionFlex {
    gap: 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1366px) {
  .testDriveWrap .heroSection .heroSectionFlex {
    gap: 40px;
  }
}

.testDriveWrap .heroSection .heroSectionFlex .heroLeft {
  max-width: calc(45% - 30px);
  width: 100%;
}

@media (max-width: 767px) {
  .testDriveWrap .heroSection .heroSectionFlex .heroLeft {
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .testDriveWrap .heroSection .heroSectionFlex .heroLeft {
    max-width: 100%;
  }
}

@media (min-width: 1024px) and (max-width: 1366px) {
  .testDriveWrap .heroSection .heroSectionFlex .heroLeft {
    max-width: calc(50% - 20px);
  }
}

.testDriveWrap .heroSection .heroSectionFlex .heroLeft h1 {
  color: var(--white);
  font-family: "go-bold";
  font-size: 96px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  position: relative;
  padding-bottom: 0;
  display: inline-block;
}

@media (max-width: 767px) {
  .testDriveWrap .heroSection .heroSectionFlex .heroLeft h1 {
    font-size: 36px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .testDriveWrap .heroSection .heroSectionFlex .heroLeft h1 {
    font-size: 65px;
  }
}

@media (min-width: 1024px) and (max-width: 1366px) {
  .testDriveWrap .heroSection .heroSectionFlex .heroLeft h1 {
    font-size: 56px;
  }
}

.testDriveWrap .heroSection .heroSectionFlex .heroLeft h1::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 8px;
  background: linear-gradient(104deg, #f69b26 0%, #f7bd01 100%);
}

@media (max-width: 767px) {
  .testDriveWrap .heroSection .heroSectionFlex .heroLeft h1::after {
    bottom: -2px;
    height: 5px;
  }
}

.testDriveWrap .heroSection .heroSectionFlex .heroLeft p {
  color: var(--white);
  font-family: "go-regular";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-top: 15px;
}

@media (max-width: 767px) {
  .testDriveWrap .heroSection .heroSectionFlex .heroLeft p {
    font-size: 16px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .testDriveWrap .heroSection .heroSectionFlex .heroLeft p {
    font-size: 22px;
  }
}

@media (min-width: 1024px) and (max-width: 1366px) {
  .testDriveWrap .heroSection .heroSectionFlex .heroLeft p {
    font-size: 20px;
    margin-top: 10px;
  }
}

.testDriveWrap .heroSection .heroSectionFlex .heroLeft .greyMultiTag {
  margin-top: 15px;
}

.testDriveWrap .heroSection .heroSectionFlex .heroLeft .greyMultiTag .singleTag {
  margin-top: 0;
}

@media (max-width: 767px) {
  .testDriveWrap .heroSection .heroSectionFlex .heroLeft .greyMultiTag {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 20px;
    row-gap: 10px;
    padding: 10px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .testDriveWrap .heroSection .heroSectionFlex .heroLeft .greyMultiTag {
    width: 100%;
  }
}

.testDriveWrap .heroSection .heroSectionFlex .heroLeft .heroButtonGroup {
  margin-top: 40px;
  gap: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

@media (min-width: 1024px) and (max-width: 1366px) {
  .testDriveWrap .heroSection .heroSectionFlex .heroLeft .heroButtonGroup {
    margin-top: 30px;
  }
}

@media (max-width: 767px) {
  .testDriveWrap .heroSection .heroSectionFlex .heroLeft .heroButtonGroup {
    flex-direction: column;
  }
}

.testDriveWrap .heroSection .heroSectionFlex .heroLeft .heroButtonGroup a {
  padding: 16px;
  color: var(--black);
  font-family: "go-regular";
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  max-width: max-content;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

@media (max-width: 767px) {
  .testDriveWrap .heroSection .heroSectionFlex .heroLeft .heroButtonGroup a {
    max-width: 100%;
    width: 100%;
  }
}

@media (min-width: 1024px) and (max-width: 1366px) {
  .testDriveWrap .heroSection .heroSectionFlex .heroLeft .heroButtonGroup a {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 150%;
  }
}

.testDriveWrap .heroSection .heroSectionFlex .heroRight {
  max-width: calc(55% - 30px);
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0;
  background: var(--newGrey);
  /* border-radius: 10px; */
  /* overflow: hidden; */
}

@media (max-width: 767px) {
  .testDriveWrap .heroSection .heroSectionFlex .heroRight {
    max-width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .testDriveWrap .heroSection .heroSectionFlex .heroRight {
    display: none;
  }
}

@media (min-width: 1024px) and (max-width: 1366px) {
  .testDriveWrap .heroSection .heroSectionFlex .heroRight {
    max-width: calc(50% - 20px);
  }
}

.testDriveWrap .heroSection .heroSectionFlex .heroRight .masterWrap {
  max-width: 25%;
  width: 100%;
  padding: 0;
  position: relative;
  line-height: 0;
}

.testDriveWrap .heroSection .heroSectionFlex .heroRight .masterWrap:hover .tooltip {
  visibility: visible;
  opacity: 1;
  transition: 0.4s ease-in;
}

.testDriveWrap .heroSection .heroSectionFlex .heroRight .masterWrap:nth-child(4) .tooltip,
.testDriveWrap .heroSection .heroSectionFlex .heroRight .masterWrap:nth-child(8) .tooltip,
.testDriveWrap .heroSection .heroSectionFlex .heroRight .masterWrap:nth-child(12) .tooltip {
  right: 5%;
}

.testDriveWrap .heroSection .heroSectionFlex .heroRight .masterWrap:last-child .tooltip,
.testDriveWrap .heroSection .heroSectionFlex .heroRight .masterWrap:nth-last-child(2) .tooltip,
.testDriveWrap .heroSection .heroSectionFlex .heroRight .masterWrap:nth-last-child(3) .tooltip,
.testDriveWrap .heroSection .heroSectionFlex .heroRight .masterWrap:nth-last-child(4) .tooltip {
  bottom: 5%;
}

.testDriveWrap .heroSection .heroSectionFlex .heroRight .masterWrap .masterimgWrap {
  overflow: hidden;
  line-height: 0;
  max-width: 100%;
}

.testDriveWrap .heroSection .heroSectionFlex .heroRight .masterWrap .masterimgWrap img {
  box-shadow: none;
  border-radius: 0;
  scale: 1.06;
  filter: grayscale(1);
}

.testDriveWrap .heroSection .heroSectionFlex .heroRight .masterWrap .tooltip {
  position: absolute;
  right: -4%;
  bottom: 3px;
  width: max-content;
  padding: 6px 10px;
  height: auto;
  color: var(--black);
  font-family: "ns-bold";
  font-size: 14px;
  font-weight: 700;
  line-height: 120%;
  border-radius: 5px;
  background: var(--Event-Page,
      linear-gradient(104deg, #f69b26 0%, #f7bd01 100%));
  visibility: hidden;
  opacity: 0;
  transition: 0.4s ease-in;
  z-index: 9;
}

@media (min-width: 1024px) and (max-width: 1366px) {
  .testDriveWrap .heroSection .heroSectionFlex .heroRight .masterWrap .tooltip {
    width: max-content;
  }
}

.testDriveWrap .aboutProgram {
  position: relative;
  padding: 80px 0;
  /* background: url('https://cdn.mastersunion.link/assets/imgV2/aboutTheProgTestEvent.png') no-repeat; */
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

@media (max-width: 767px) {
  .testDriveWrap .aboutProgram {
    padding: 60px 0;
  }
}

.testDriveWrap .aboutProgram h4 {
  color: var(--black);
  font-family: "go-bold";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

@media (max-width: 767px) {
  .testDriveWrap .aboutProgram h4 {
    font-size: 28px;
  }
}

.testDriveWrap .aboutProgram .aboutFlex {
  margin-top: 40px;
  border-top: 6px solid #fee9ce;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0;
  position: relative;
}

@media (max-width: 767px) {
  .testDriveWrap .aboutProgram .aboutFlex {
    align-items: flex-start;
    gap: 40px;
    flex-wrap: wrap;
    border-top: 0;
    margin-top: 30px;
  }
}

.testDriveWrap .aboutProgram .aboutFlex::before,
.testDriveWrap .aboutProgram .aboutFlex::after {
  content: "";
  border-top: 1px solid #fee9ce;
  height: 1px;
  width: 100vw;
  left: -27%;
  top: 0;
  position: absolute;
}

.testDriveWrap .aboutProgram .aboutFlex::after {
  top: unset;
  bottom: -1px;
}

@media (max-width: 767px) {

  .testDriveWrap .aboutProgram .aboutFlex::before,
  .testDriveWrap .aboutProgram .aboutFlex::after {
    display: none;
  }
}

.testDriveWrap .aboutProgram .aboutFlex .aboutBox {
  max-width: 33.3%;
  width: 100%;
  padding: 40px;
  border: 1px solid #fee9ce;
  border-top: 0;
  position: relative;
}

@media (max-width: 767px) {
  .testDriveWrap .aboutProgram .aboutFlex .aboutBox {
    max-width: 100%;
    border-top: 4px solid #fee9ce !important;
    border: 1px solid #fee9ce;
  }

  .testDriveWrap .aboutProgram .aboutFlex .aboutBox::after {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .testDriveWrap .aboutProgram .aboutFlex .aboutBox {
    padding: 20px 20px;
  }
}

.testDriveWrap .aboutProgram .aboutFlex .aboutBox::after {
  content: "";
  border-right: 1px solid #fee9ce;
  width: 1px;
  height: 100vw;
  right: -1px;
  top: -60%;
  position: absolute;
}

.testDriveWrap .aboutProgram .aboutFlex .aboutBox:first-child::before {
  content: "";
  border-right: 1px solid #fee9ce;
  width: 1px;
  height: 100vw;
  left: -2px;
  top: -60%;
  position: absolute;
}

@media (max-width: 767px) {
  .testDriveWrap .aboutProgram .aboutFlex .aboutBox:first-child::before {
    display: none;
  }

  .testDriveWrap .aboutProgram .aboutFlex .aboutBox:nth-child(1),
  .testDriveWrap .aboutProgram .aboutFlex .aboutBox:nth-child(2) {
    border-right: 1px solid #fee9ce !important;
  }
}

.testDriveWrap .aboutProgram .aboutFlex .aboutBox:nth-child(1),
.testDriveWrap .aboutProgram .aboutFlex .aboutBox:nth-child(2) {
  border-right: 0;
}

.testDriveWrap .aboutProgram .aboutFlex .aboutBox h5 {
  color: var(--black);
  font-family: "go-bold";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-top: 20px;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .testDriveWrap .aboutProgram .aboutFlex .aboutBox h5 {
    font-size: 18px;
  }
}

.testDriveWrap .aboutProgram .aboutFlex .aboutBox p {
  color: var(--black);
  font-family: "go-regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-top: 10px;
}

.testDriveWrap .weeksCarrer {
  position: relative;
  background:
    url("https://cdn.mastersunion.link/assets/imgV2/summerStarpGradBox-min.png"),
    linear-gradient(104deg, #f69b26 0%, #f7bd01 100%);
  background-size: contain;
  background-position: right;
  background-repeat: no-repeat;
  padding: 0;
}

@media (max-width: 767px) {
  .testDriveWrap .weeksCarrer {
    padding: 60px 0;
    background: url("https://cdn.mastersunion.link/assets/imgV2/mobGradTestDrive.png") no-repeat;
    background-size: cover;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .testDriveWrap .weeksCarrer {
    padding: 0 0 !important;
    background-size: cover;
    background-position: 70%;
  }
}

@media (min-width: 1024px) and (max-width: 1366px) {
  .testDriveWrap .weeksCarrer {
    padding: 30px 0 !important;
    background-size: cover;
    background-position: 80%;
  }
}

.testDriveWrap .weeksCarrer .weeksFlex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
}

@media (max-width: 767px) {
  .testDriveWrap .weeksCarrer .weeksFlex {
    gap: 0;
  }
}

.testDriveWrap .weeksCarrer .weeksFlex .weeksLeft {
  padding: 60px 0;
}

@media (max-width: 767px) {
  .testDriveWrap .weeksCarrer .weeksFlex .weeksLeft {
    padding: 0;
    max-width: 100%;
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .testDriveWrap .weeksCarrer .weeksFlex .weeksLeft {
    padding: 40px 0 !important;
  }
}

@media (min-width: 1024px) and (max-width: 1366px) {
  .testDriveWrap .weeksCarrer .weeksFlex .weeksLeft {
    padding: 0;
  }
}

.testDriveWrap .weeksCarrer .weeksFlex .weeksLeft .textBox {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  width: 100%;
  background: none;
  flex-direction: row;
  padding: 0;
}

.testDriveWrap .weeksCarrer .weeksFlex .weeksLeft .textBox h1 {
  color: var(--black);
  font-family: "go-bold";
  font-size: 158px;
  font-style: normal;
  font-weight: 700;
  line-height: 80%;
  letter-spacing: -15.8px;
}

@media (max-width: 767px) {
  .testDriveWrap .weeksCarrer .weeksFlex .weeksLeft .textBox h1 {
    font-size: 128px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .testDriveWrap .weeksCarrer .weeksFlex .weeksLeft .textBox h1 {
    font-size: 100px;
  }
}

@media (min-width: 1024px) and (max-width: 1366px) {
  .testDriveWrap .weeksCarrer .weeksFlex .weeksLeft .textBox h1 {
    font-size: 138px;
  }
}

.testDriveWrap .weeksCarrer .weeksFlex .weeksLeft .textBox span {
  color: var(--black);
  font-family: "ss-regular";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

@media (max-width: 767px) {
  .testDriveWrap .weeksCarrer .weeksFlex .weeksLeft .textBox span {
    font-size: 24px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .testDriveWrap .weeksCarrer .weeksFlex .weeksLeft .textBox span {
    font-size: 22px;
  }
}

@media (min-width: 1024px) and (max-width: 1366px) {
  .testDriveWrap .weeksCarrer .weeksFlex .weeksLeft .textBox span {
    font-size: 26px;
  }
}

.testDriveWrap .weeksCarrer .weeksFlex .weeksLeft .white-btn {
  max-width: 300px;
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .testDriveWrap .weeksCarrer .weeksFlex .weeksLeft .white-btn {
    margin-top: 10px;
    padding: 10px 10px;
    width: auto;
    min-width: max-content;
    max-width: 200px;
  }
}

@media (min-width: 1024px) and (max-width: 1366px) {
  .testDriveWrap .weeksCarrer .weeksFlex .weeksLeft .white-btn {
    margin-top: 20px;
  }
}

.testDriveWrap .outcomePro {
  position: relative;
  background: var(--black);
  padding: 0;
}

@media (max-width: 767px) {
  .testDriveWrap .outcomePro {
    padding: 60px 0;
  }
}

.testDriveWrap .outcomePro .outcomeFlex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .testDriveWrap .outcomePro .outcomeFlex {
    flex-wrap: wrap;
  }
}

.testDriveWrap .outcomePro .outcomeLeft {
  max-width: calc(50% - 15px);
  padding: 80px 0;
}

@media (max-width: 767px) {
  .testDriveWrap .outcomePro .outcomeLeft {
    padding: 0;
    max-width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .testDriveWrap .outcomePro .outcomeLeft {
    max-width: 100%;
    padding: 0;
  }
}

@media (min-width: 1024px) and (max-width: 1366px) {
  .testDriveWrap .outcomePro .outcomeLeft {
    padding: 0 0;
  }
}

.testDriveWrap .outcomePro .outcomeLeft h4 {
  color: var(--white);
  font-family: "go-bold";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

@media (max-width: 767px) {
  .testDriveWrap .outcomePro .outcomeLeft h4 {
    font-size: 28px;
  }
}

.testDriveWrap .outcomePro .outcomeLeft .outcomeListWrap {
  margin-top: 40px;
  position: relative;
}

@media (max-width: 767px) {
  .testDriveWrap .outcomePro .outcomeLeft .outcomeListWrap {
    margin-top: 30px;
  }
}

.testDriveWrap .outcomePro .outcomeLeft .outcomeListWrap .outcomeList {
  margin-top: 20px;
}

.testDriveWrap .outcomePro .outcomeLeft .outcomeListWrap .outcomeList:first-child {
  margin-top: 0;
}

.testDriveWrap .outcomePro .outcomeLeft .outcomeListWrap .outcomeList h4 {
  background: var(--Event-Page,
      linear-gradient(104deg, #f69b26 0%, #f7bd01 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "go-bold";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.testDriveWrap .outcomePro .outcomeLeft .outcomeListWrap .outcomeList p {
  color: var(--white);
  font-family: "go-regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.testDriveWrap .outcomePro .outcomeRight {
  max-width: calc(50% - 30px);
  line-height: 0;
}

@media (max-width: 767px) {
  .testDriveWrap .outcomePro .outcomeRight {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .testDriveWrap .outcomePro .outcomeRight {
    display: none;
  }
}

.testDriveWrap .outcomePro .outcomeRight img {
  width: 100%;
}

.testDriveWrap .bg-yellow {
  background-color: rgba(250, 209, 51, 0.05);
}

.testDriveWrap .costandlogleft .eventPrice {
  max-width: 540px !important;
  width: 100%;
  text-transform: inherit;
}

.testDriveWrap .testDriveTimeline .testtimeline .tabs-new {
  min-width: max-content;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .testDriveWrap .testDriveTimeline .testtimeline .tabs-new {
    padding: 10px 12px;
    min-width: 110px;
  }
}

@media (min-width: 1024px) and (max-width: 1366px) {
  .testDriveWrap .testDriveTimeline .testtimeline .tabs-new {
    padding: 10px 25px;
    min-width: 140px;
  }
}

@media (min-width: 768px) and (max-width: 1366px) {
  .testDriveWrap .testDriveTimeline .tab-main-box {
    margin-top: 0 !important;
  }
}

.testDriveWrap .testDriveTimeline .tab-main-box .timecardWrapper {
  justify-content: space-between;
}

@media (min-width: 768px) and (max-width: 1366px) {
  .testDriveWrap .testDriveTimeline .tab-main-box .timecardWrapper {
    flex-wrap: wrap;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
  }

  .testDriveWrap .testDriveTimeline .tab-main-box .timecardWrapper .heading-6 {
    font-size: 22px;
  }

  .testDriveWrap .testDriveTimeline .tab-main-box .timecardWrapper .timeCard {
    max-width: 31% !important;
    min-width: unset !important;
  }
}

@media (max-width: 767px) {
  .testDriveWrap .testDriveTimeline .tab-main-box .timecardWrapper {
    overflow: auto;
    gap: 20px;
  }
}

.testDriveWrap .testDriveTimeline .tab-main-box .timecardWrapper .heading-6 {
  font: 16px "go-semibold";
}

.testDriveWrap .testDriveTimeline .WeekDetail {
  display: flex;
  justify-content: space-between;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .testDriveWrap .testDriveTimeline .WeekDetail {
    padding: 20px;
    gap: 20px;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    align-items: flex-start;
  }
}

@media (max-width: 767px) {
  .testDriveWrap .testDriveTimeline .WeekDetail {
    flex-direction: column-reverse;
    padding: 20px 10px;
    gap: 40px;
  }
}

.testDriveWrap .testDriveTimeline .WeekDetail .text-1 {
  width: 65%;
}

.testDriveWrap .UgScholarship {
  position: relative;
  background:
    url("https://files.mastersunion.link/resources/img/artistBackground.png"),
    var(--black);
}

@media (min-width: 768px) and (max-width: 1023px) {
  .testDriveWrap .UgScholarship .flexbox {
    flex-wrap: wrap;
  }
}

@media (min-width: 1024px) and (max-width: 1366px) {
  .testDriveWrap .UgScholarship .flexbox {
    gap: 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .testDriveWrap .UgScholarship .flexbox .costandlogleft {
    width: 100%;
  }

  .testDriveWrap .UgScholarship .flexbox .costandlogleft .eventPrice {
    max-width: max-content;
    padding: 15px 20px;
  }

  .testDriveWrap .UgScholarship .flexbox .costandlogleft .heading-5 {
    font-size: 22px;
    margin-bottom: 0;
  }
}

@media (min-width: 1024px) and (max-width: 1366px) {
  .testDriveWrap .UgScholarship .flexbox .costandlogleft {
    max-width: calc(40% - 20px);
    width: 100%;
  }

  .testDriveWrap .UgScholarship .flexbox .costandlogleft .heading-5 {
    font-size: 22px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .testDriveWrap .UgScholarship .flexbox .StagesRight {
    width: 100%;
  }
}

@media (min-width: 1024px) and (max-width: 1366px) {
  .testDriveWrap .UgScholarship .flexbox .StagesRight {
    max-width: calc(60% - 20px);
    width: 100%;
  }
}

.testDriveWrap .UgScholarship .white-btn {
  background-color: var(--white);
  color: var(--black);
  border: 1px solid var(--black);
  border-radius: 5px;
  padding: 15px 60px;
}

.testDriveWrap .UgScholarship .testtimeline {
  position: relative;
}

.testDriveWrap .UgScholarship .outcomeList {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.testDriveWrap .UgScholarship .eventPrice {
  max-width: 390px;
  text-transform: uppercase;
  display: flex;
  border: 1px solid var(--light-black);
  border-radius: 15px;
  background: var(--black);
  padding: 20px;
  flex-direction: column;
  gap: 10px;
}

.testDriveWrap .UgScholarship .meetTheArtist {
  background:
    url("https://files.mastersunion.link/resources/img/artistBackground.png"),
    var(--black);
  background-size: cover;
  background-position: -2px;
}

.testDriveWrap .UgScholarship .heading-5 {
  font-family: "go-bold";
  font-size: 20px;
  line-height: 34px;
  color: var(--black);
  margin-bottom: 5px;
}

.testDriveWrap .UgScholarship .gradient-text {
  background: #f7dd01;
  background: -moz-linear-gradient(left, #f7dd01 0%, #f69b27 75%);
  background: -webkit-linear-gradient(left, #f7dd01 0%, #f69b27 75%);
  background: linear-gradient(to right, #f7dd01 0%, #f69b27 75%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7dd01',
      endColorstr='#f69b27',
      GradientType=1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.testDriveWrap .td_Simulations {
  padding: 80px 0;
  background: var(--Event-Page,
      linear-gradient(104deg, #f69b26 0%, #f7bd01 100%));
}

.testDriveWrap .heading-4 {
  font-family: "go-semibold";
  font-size: 32px;
  line-height: 38px;
  color: var(--black);
}

.testDriveWrap .simulation-cards-wrapper {
  display: flex;
  gap: 20px;
}

@media (max-width: 767px) {
  .testDriveWrap .simulation-cards-wrapper {
    overflow: auto;
  }
}

.testDriveWrap .gl-mt-40 {
  margin-top: 40px;
}

.testDriveWrap .simu-title {
  color: var(--black);
  font-family: "go-semibold";
  font-size: 20px;
  font-style: normal;
  line-height: 24px;
}

.testDriveWrap .simu-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px 28px;
  font-family: "go-semibold";
  line-height: 19.2px;
  border: 0.5px solid var(--black);
  transition: 0.4s ease-in-out;
  border-radius: 5px;
}

.testDriveWrap .gl-mt-15 {
  margin-top: 15px;
}

.testDriveWrap .simulation-card {
  width: 100%;
  max-width: 295px;
}

@media (max-width: 767px) {
  .testDriveWrap .simulation-card {
    min-width: 300px;
  }
}

.testDriveWrap .gtmRegMidTstDrive {
  cursor: pointer;
}

.testDriveWrap .itTheNews {
  overflow: hidden;
  margin-top: 30px;
}

.testDriveWrap .parallel-outer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.testDriveWrap .nav-arrow {
  display: inline-block;
  margin-top: 20px;
}

.testDriveWrap .nav-arrow a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 40px;
  background: var(--white);
  color: var(--black);
  border: 1px solid var(--black);
  font-size: 29px;
  border-radius: 50%;
  padding: 5px 5px;
  transition: 0.4s ease-in-out;
}

.testDriveWrap .swiper-button-disabled {
  opacity: 0.5;
}

.testDriveWrap .nav-arrow img {
  width: 20px;
}

.testDriveWrap .nav-arrow a.s-next img {
  filter: invert(1);
  transition: 0.4s;
}

.testDriveWrap .s-prev img:nth-child(2) {
  display: none;
  transform: rotate(180deg);
}

.testDriveWrap .testtimeline .tabs-new.active {
  background: var(--Event-Page,
      linear-gradient(104deg, #f69b26 0%, #f7bd01 100%));
  transition: 0.4s;
}

.testDriveWrap .testtimeline .tabs-new {
  text-decoration: none;
  color: var(--black);
  font: 18px "ss-semibold";
  padding: 12px 24px;
  border-radius: 5px;
  transition: 0.4s;
  border: 1px solid var(--black);
  background: var(--light-yellow);
  min-width: 132px;
  text-align: center;
  max-height: 70px;
  position: relative;
}

.testDriveWrap .testtimeline .tab-menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: auto;
  gap: 10px;
}

.testDriveWrap .Tabinner.active {
  display: block;
  opacity: 1;
  visibility: visible;
  transition: 0.4s;
}

.testDriveWrap .Tabinner {
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}

.testDriveWrap .WeekDetail {
  gap: 65px;
  border-radius: 10px;
  border: 1px solid var(--black);
  border-radius: 10px;
  padding: 40px;
  align-items: center;
}

.testDriveWrap .timeCard {
  border-radius: 10px;
  border: 1px solid var(--black);
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 20px;
  flex-direction: column;
  width: 32%;
  min-height: 128px;
  background: rgba(250, 209, 51, 0.05);
}

@media (max-width: 767px) {
  .testDriveWrap .timeCard {
    min-width: 300px;
  }
}

.testDriveWrap .flexbox.newflexbox {
  gap: 40px;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 767px) {
  .testDriveWrap .flexbox.newflexbox {
    flex-direction: column-reverse;
  }
}

.testDriveWrap .UgScholarship .StagesRight {
  width: 45%;
}

@media (max-width: 767px) {
  .testDriveWrap .UgScholarship .StagesRight {
    width: 100%;
  }
}

.testDriveWrap .registerbox {
  width: 100%;
}

.testDriveWrap .SummerStartupWeek .costandlogleft {
  width: 46%;
}

@media (max-width: 767px) {
  .testDriveWrap .SummerStartupWeek .costandlogleft {
    width: 100%;
  }
}

.testDriveWrap .gradient-text.line {
  position: relative !important;
}

.testDriveWrap .gradient-text.line::after {
  content: "";
  position: absolute;
  border-bottom: 4px solid #d63736;
  top: -70%;
  left: 0;
  width: 44%;
  height: 30px;
}

.testDriveWrap .SummerStartupWeek .registerbox {
  background: #343434;
  border: 1px solid #f0a434;
  border-radius: 10px;
  color: var(--white);
  flex-wrap: nowrap;
  flex-direction: column;
  gap: 0;
}

.testDriveWrap .SummerStartupWeek .registerbox .form {
  width: 100%;
  margin-top: 20px;
}

.testDriveWrap .UgScholarship .StagesRight .gradient-btn {
  width: 100%;
  font-size: 16px;
  justify-content: center;
  padding: 15px;
}

.testDriveWrap .contact-us-form.NewCommonContact.box-21 {
  min-height: 351px;
  margin-top: 0;
  display: none;
}

.testDriveWrap .SummerStartupWeek .contact-us-form.NewCommonContact {
  width: 100%;
  max-width: 445px;
}

.testDriveWrap .contact-us-form.NewCommonContact {
  padding: 20px;
}

.testDriveWrap .form label {
  color: var(--white);
}

.testDriveWrap .form input,
.testDriveWrap .input {
  background: transparent;
  color: var(--white);
}

.testDriveWrap .input {
  border: 1px solid var(--grey);
}

.testDriveWrap .SummerStartupWeek .formfont input {
  color: white;
}

.testDriveWrap .SummerStartupWeek .StagesRight input {
  background: #343434;
}

.testDriveWrap .ccPhone .flexbox select {
  padding: 15px;
  background: var(--black5);
  border: 1px solid #585858;
  border-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: 100%;
  max-width: 22%;
  color: var(--white);
}

.testDriveWrap .input:hover,
.testDriveWrap .input:focus-within {
  border: 1px solid var(--grey);
  background: transparent;
}

.testDriveWrap .contact-us-form.NewCommonContact.box-21 {
  min-height: 351px;
  margin-top: 0;
  display: none;
}

.testDriveWrap .contact-us-form.NewCommonContact {
  width: 40%;
  max-width: 445px;
  padding: 20px;
}

.testDriveWrap .SummerStartupWeek .contact-us-form.NewCommonContact {
  width: 100%;
}

.testDriveWrap .congrats-box {
  display: flex;
  margin: auto;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.testDriveWrap .congrats-box .heading-4 {
  color: var(--black);
}

.testDriveWrap .registerbox .msg-error {
  visibility: hidden;
}

.testDriveWrap .gtmThnkBtnDrive {
  font: 24px "go-semibold";
}

.testDriveOnline {
  .readText {
    font-size: 13px;
    font-family: "go-semibold";
    line-height: 150%;
    background: var(--gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    cursor: pointer;
  }

  .testHero {
    background: url(https://images.mastersunion.link/uploads/23012025/v1/vectorTestdrive.webp) var(--black) no-repeat;
    background-position: top left;
    background-repeat: repeat-y;

    .gradientTitle {
      padding: 4px 8px;
      border-radius: 36px;
      align-items: center;
      background-color: #262626;
      max-width: max-content;
    }

    .titleHeadingLite {
      font-size: 13px;
      font-family: "go-medium";
      background-image: linear-gradient(90deg,
          #39b6d8 6.41%,
          #f7d344 51.47%,
          #e38330 96.52%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      color: transparent;
      font-weight: 500;
      line-height: 140%;
      /* 18.2px */
    }

    .highsubTitle {
      color: var(--grey10);
      font-family: "go-regular";
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 160%;
      /* 22.4px */
    }

    .grid-wrapper {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: repeat(3, auto);
      /* width: 80%; */
      max-width: 100%;
      gap: 2px;
    }

    .grid-item {
      line-height: 0;
      width: 100%;
      max-width: 100%;
      position: relative;
      cursor: pointer;
    }

    .grid-item .hoverWrapimg {
      overflow: hidden;
      line-height: 0;
      max-width: 100%;
      display: block;
      filter: grayscale(1);
      transition: 0.3s;
    }

    .grid-item img {
      width: 100%;
      border-radius: 0;
    }

    .hoverWrapimg:nth-child(1) img {
      border-top-left-radius: 8px;
    }

    .hoverWrapimg:nth-child(4) img {
      border-top-right-radius: 8px;
    }

    .hoverWrapimg:nth-child(9) img {
      border-bottom-left-radius: 8px;
    }

    .hoverWrapimg:nth-child(12) img {
      border-bottom-right-radius: 8px;
    }

    .hoverDetailsOnImg {
      position: absolute;
      display: flex;
      align-items: flex-end;
      left: 0;
      bottom: 0px;
      width: 100%;
      padding: 6px 10px;
      background-image: linear-gradient(90deg,
          #39b6d8 6.41%,
          #f7d344 51.47%,
          #e38330 96.52%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      color: transparent;
      font-size: 11px;
      font-family: "go-semibold";
      font-weight: 600;
      line-height: 120%;
      visibility: hidden;
      height: 50%;
      opacity: 0;
      z-index: 1;
      transition: 0.3s ease-in;
      cursor: pointer;
    }

    .grid-item:hover::before {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 70%;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
      z-index: 1;
    }

    .grid-item:hover .hoverDetailsOnImg {
      visibility: visible;
      opacity: 1;
    }
  }

  .aboutProgrammeIcon {
    background: url(https://images.mastersunion.link/uploads/23012025/v1/partnerWithUs.svg) var(--white) no-repeat;
    background-position: top left;
    background-repeat: repeat-y;
    background-size: cover;

    .programmeWrapper {
      max-width: 100%;
      gap: 30px;
      position: relative;
      display: flex;
      width: 100%;
      justify-content: flex-start;
      align-items: flex-start;
    }

    .sectionHeading {
      font-family: "go-semibold";
      color: var(--black);
      font-size: 30px;
      font-weight: 600;
      line-height: 140%;
      /* 42px */
      letter-spacing: 0.6px;
    }

    .aboutBox {
      /* max-width: calc(33% - 30px); */
      width: 100%;
      display: flex;
      gap: 24px;
      flex-direction: column;
    }

    .detailsWrapper {
      display: flex;
      flex-direction: column;
      gap: 8px;
      max-width: 335px;
    }

    .heading {
      font-family: "go-semibold";
      color: var(--black);
      font-size: 20px;
      font-weight: 600;
      line-height: 140%;
      /* 23.4px */
    }

    .paragraph {
      font-family: "go-regular";
      color: var(--grey);
      font-size: 16px;
      font-weight: 400;
      line-height: 140%;
      /* 18px */
    }
  }

  .experienceReal {
    background-color: var(--white3);

    .sectionHeading {
      color: var(--black);
      font-family: "go-bold";
      font-size: 30px;
      font-weight: 700;
      line-height: 130%;
    }

    .simulationWrapper {
      display: flex;
      gap: 20px;

      &.swiper {
        overflow: hidden !important;
      }
    }

    .cards {
      display: flex;
      /* max-width: calc((100% - 60px) /4); */
      width: 100%;
      /* gap: 20px; */
      align-items: center;
      border-radius: 8px;
      background-color: var(--white);
      padding: 12px 12px 12px 16px;
    }

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

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

    .logos {
      line-height: 0;
    }

    .paragrapgh {
      font-family: "go-medium";
      color: var(--black);
      font-size: 16px;
      font-weight: 500;
      line-height: normal;
    }

    .startNow {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 8px;
      font-family: "go-medium";
      font-size: 0.875rem;
      line-height: 24px;
      background: var(--Linear,
          linear-gradient(90deg, #39b6d8 7.41%, #f7d344 21.47%, #e38330 45.52%));
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .logos img {
      border-radius: 6px;
      max-width: 100px;
    }
  }

  .whiteLineBg {
    background: url(/assets/svg/partnerWithUs.svg) var(--white) no-repeat;
    background-position: top left;
    background-repeat: repeat-y;
    background-size: cover;

    .BootcampCard {
      border: none;
      border-radius: unset;
    }

    & img {
      border-radius: 16px;
    }

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

    .CardInner {
      padding: 15px 0 0 0px;
    }
  }

  .testDriveCareer {
    background: url(/assets/img/menaImages/newVectorOnWhiteBg.png), #090909;
    background-position: top left;
    /* background-size: cover; */
    background-repeat: no-repeat;

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

    .highQualifyCard {
      background-color: var(--grey17);
    }

    .selectInput {
      border-radius: 8px;
      border: 1px solid var(--black5);
      background: var(--black5);
      color: var(--white);
    }

    .white-arrow {
      filter: invert(100%);
    }
  }

  .testDriveMentors {
    background-color: var(--grey17);
    position: relative;
    background: url(https://images.mastersunion.link/uploads/23012025/v1/vectorTestdrive.webp) var(--black);
    background-repeat: no-repeat;
    background-position: top;
    background-position-x: left;

    .logoWraps {
      display: flex;
      align-items: center;
      gap: 16px;
      margin-top: 10px;
      width: 100%;
      height: 22px;

      img {
        height: 100%;
        width: auto;
        object-fit: contain;
      }
    }

    .sectionHeading {
      font-size: 30px;
      font-family: "go-semibold";
      font-weight: 600;
      line-height: 140%;
      letter-spacing: 0.6px;
    }

    .newMasterLogos {
      max-width: 37px;
    }

    .newMentorsDetailsWrap {
      background: var(--black);
      padding: 8px 20px 16px 20px;
    }

    .newMentorsDetailsWrap h3 {
      color: var(--white);
      font-family: "go-bold";
      font-size: 14px;
      font-weight: 700;
      line-height: 140%;
    }

    .newMentorsDetailsWrap h4 {
      font-size: 12px;
      color: var(--white);
      font-family: "go-medium";
      font-weight: 500;
      line-height: 160%;
    }
  }

  .outcomePrograme {
    background: url(/assets/img/testDriveOnline/vectorTestdrive.png) var(--white) no-repeat;
    background-position: top left;
    background-repeat: repeat-y;
    background-size: contain;

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

    .paraOutclass {
      font-family: "go-medium";
      color: var(--grey);
      font-size: 14px;
      font-weight: 500;
      line-height: 160%;
      /* 22.4px */
    }
  }

  .testCounsellor {
    .headingtestSmall {
      font-family: "go-semibold" !important;
      color: var(--grey) !important;
      font-size: 12px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
      letter-spacing: 1px;
      text-transform: uppercase;
    }
  }

  .TimelineTestDrive {
    .content-section.new {
      border: none;
      padding: 40px 0;
    }

    ::-webkit-scrollbar-track {
      background: var(--grey3);
    }

    ::-webkit-scrollbar-thumb {
      background: var(--grey);
      border-radius: 0;
    }

    .inClassHeading {
      font-family: "go-medium";
      font-size: 16px;
      font-style: normal;

      line-height: 140%;
      /* 36.4px */
      letter-spacing: 0.52px;
    }

    .inClassHeading::after {
      background: none;
    }

    .outclassSection:hover .inClassHeading::after {
      background: none;
    }

    .inclassSection:hover .inClassHeading::after {
      background: none;
    }

    .classEffect::before {
      height: 124%;
    }

    .classEffect:last-child::before {
      height: 88%;
    }

    .classEffect:hover:last-child::before {
      height: 88%;
    }

    .classEffect:hover::before {
      height: 133%;
      /* height: calc(100% - 11%); */
    }

    .inclasstabs li.active {
      background:
        linear-gradient(var(--black) 0 0) padding-box,
        var(--gradient) border-box;
    }

    .inclasstabs li {
      min-width: 133px;
      min-height: 67px;
      font-weight: 500;
      align-items: center;
      line-height: 140%;
      /* 15.4px */
      letter-spacing: 1px;
      text-transform: uppercase;
      padding: 10px 16px;
    }

    .inclasstabs li span {
      text-transform: none;
      width: max-content;
    }

    .inclassBox {
      max-height: 117px;
    }

    .inclasstabs {
      gap: 16px;
      padding-bottom: 8px;
    }

    .tagsWrapper {
      flex-wrap: wrap;
      flex-direction: row;
      max-width: 33%;
      overflow: hidden;
      justify-content: flex-start;

      .blackTag {
        background: var(--Linear,
            linear-gradient(90deg, #39b6d8 6.41%, #f7d344 51.47%, #e38330 96.52%));
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font: 13px "go-medium";

        .inclassFlex {
          background: unset;
          background-clip: unset;
          -webkit-background-clip: unset;
          -webkit-text-fill-color: unset;
          display: flex;
          gap: 5px;
          color: var(--white3);
          font: 12px "go-regular";
          align-items: baseline;
          width: 22%;
        }
      }
    }

    .inclassFlex {
      width: 100%;
    }

    .outclassBox {
      padding: 0;
    }

    .outclassBox:hover::before {
      opacity: 1;
      transition: 0.4s;
    }

    .overLayMore {
      position: absolute;
      left: 0;
      width: 100%;
      color: var(--grey18);
      /* background: linear-gradient(204deg, #39b6d8 0%, #f7d344 50%, #e38330 100%); */
      background: var(--grey17);
      display: flex;
      padding: 25px 20px 25px;
      align-items: flex-start;
      flex-wrap: wrap;
      justify-content: flex-start;
      transition: 0.4s;
      align-content: center;
      max-height: 100%;
      bottom: -100%;
      z-index: 9;
      transition: 0.4s ease;
      height: 100%;
    }

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

    .readLessGradient {
      background: var(--gradient);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      cursor: pointer;
    }

    .overlayText {
      color: var(--grey18);
      font-family: "go-regular";
      font-size: 14px;
      font-weight: 400;
      line-height: 160%;
      /* 22.4px */
    }

    .outclassBox.active .overLayMore {
      bottom: 0;
      transition: 0.4s ease;
    }

    .marsterCard {
      max-width: 266px;
      min-width: 266px;
      width: 100%;
      padding: 12px;
      display: flex;
      flex-direction: column;
      flex-shrink: 0;

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

    .testDriveMasterContent {
      display: flex;
      flex-direction: column;
      gap: 2px;
    }

    .testDriveMasterName {
      font: 14px "go-medium";
      color: var(--grey4);
      line-height: 140%;
    }

    .testDriveMasterDesignation {
      font: 12px "go-regular";
      color: var(--grey10);
      line-height: 150%;
      min-height: 40px;
    }

    .testDriveMasterContentWrapper {
      display: flex;
      flex-direction: column;
      gap: 8px;
      background: var(--black);
      padding: 8px 16px;
      border-radius: 0 0 8px 8px;
    }

    .testDriveMasterLogo {
      max-width: 206px;
      width: 100%;
    }
  }

  .costLogistic {
    background: url() var(--black) no-repeat;
    background-position: top left;
    background-repeat: repeat-y;

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

    .logisticsCard {
      width: 100%;
      margin-top: 20px;
    }

    .logisticsCard:nth-child(2) {
      margin-top: 0;
    }

    .heading {
      color: var(--white);
      font-size: 30px;
      font-weight: 700;
      line-height: 130%;
      margin-bottom: 40px;
    }

    .logisticsCardwrap {
      display: flex;
      flex-direction: column;
      gap: 8px;
      min-width: fit-content;
      margin-top: 20px;
    }

    .tagWrapper {
      display: flex;
      margin-bottom: 11px;
      width: fit-content;
    }

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

    & li {
      display: flex;
      gap: 8px;
    }

    & .costTag {
      background-color: #171717;
      padding: 6px 16px;
      border-radius: 6px;
    }

    .paracost {
      background: var(--Linear,
          linear-gradient(90deg, #39b6d8 6.41%, #f7d344 51.47%, #e38330 96.52%));
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font: 14px "go-medium";
      line-height: 172%;
      width: max-content;
    }

    .tabContent {
      font-size: 18px;
      font-family: "go-medium";
      font-weight: 500;
      line-height: 160%;
      color: var(--grey18);
    }

    .tabContent span {
      color: var(--white);
      font-size: 18px;
      font-family: "go-bold";
      font-weight: 700;
      line-height: 160%;
    }

    .lineOver {
      text-decoration: line-through;
      color: var(--white);
    }

    .formWrap {
      width: 45%;
    }

    .noteText {
      font-size: 12px;
      margin-top: 12px;
      font-family: "go-medium";
      color: var(--grey);
      font-weight: 500;
      line-height: 140%;
      /* 16.8px */
    }
  }

  .inclassBox {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  .muJourney {
    background:
      url(https://images.mastersunion.link/uploads/19012026/v1/Vector1712.webp) left,
      url(https://images.mastersunion.link/uploads/19012026/v1/Vector1710.webp) right,
      var(--white);
    background-repeat: no-repeat;
    background-size: contain;

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

    .fr-HeadingItalic {
      text-align: right;
      width: 100%;
      max-width: 858px;
    }

    .journeyBtn {
      width: 100%;
      display: flex;
      justify-content: center;

      .btnBlack {
        width: 237px;
      }
    }

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

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

    .journeyUpper {
      display: flex;
      flex-direction: column;
      gap: 32px;
      align-items: center;
      width: 100%;
    }

    .journeyBottom {
      display: flex;
      align-items: center;
      gap: 60px;
      padding: 24px 80px;
    }

    .journeyLinks {
      display: flex;
      align-self: center;
      gap: 8px;
      font-size: 16px;
      color: var(--black);
      line-height: 150%;
      font-family: var(--go-regular);
      text-decoration: underline;
    }
  }
}

/* /temperory certificate end*/

/* High School Startup League CSS Start */

.highSchoolStartup .highSchoolSlider {
  overflow: hidden !important;
}

.highHero {
  padding: 80px 0;
  background: var(--black);
  color: var(--white);
}

.highHeroWrapper .newVideoPreviewHome {
  padding: 0;
}

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

.highHeroWrapperLeft {
  width: 100%;
  max-width: 542px;
}

.heroright {
  position: relative;
  width: fit-content;
  z-index: 100;
}

.highHeroWrapperRight .heroright::after {
  content: "";
  position: absolute;
  width: 103%;
  height: 347px;
  background: url("https://files.mastersunion.link/media/svg/gradientCardOutline.svg");
  left: -2%;
  background-repeat: no-repeat;
  z-index: -1;
  top: -10%;
  transform: rotate(-1deg);
  background-size: cover;
}

.highTitle {
  color: var(--white);
  font-family: "go-bold";
  font-size: 42px;
  font-style: normal;
  line-height: 130%;
}

.hsslEnrollButton {
  background: none;
  color: #fff;
  font-family: var(--go-medium);
  cursor: pointer;
  transition: all 0.3s ease-in;
}

.hsslEnrollButton:hover {
  background: linear-gradient(102deg, #39b6d8 0%, #f7d344 50%, #e38330 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s;
}

.noresults {
  text-transform: capitalize;
}

.highsubTitle {
  color: var(--grey4);
  font-family: "go-regular";
  font-size: 16px;
  font-style: normal;
  line-height: 160%;
  font-weight: 400;
}

.highClass {
  display: flex;
  align-items: center;
  gap: 5px;
}

.highClass img {
  max-width: 12px;
}

.highClass p {
  font: 12px/30px var(--go-regular);
  color: var(--grey10);
}

.eventTag.blackeventTag {
  background: var(--black);
}

.eventTag.blackeventTag p {
  background: var(--Linear,
      linear-gradient(90deg, #39b6d8 6.41%, #f7d344 51.47%, #e38330 96.52%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font: 13px "go-medium";
}

.eventTagsWrapper {
  display: flex;
  gap: 6px;
  align-items: center;
  justify-content: flex-start;
}

.highBtnGroup {
  display: flex;
  gap: 30px;
  align-items: center;
}

.highAbout {
  padding: 80px 0 0;
  background: var(--white);
  color: var(--black);
  position: relative;
}

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

.tabbox>img {
  width: 100%;
}

.descpRLeft {
  width: 100%;
  max-width: 443px;
  position: relative;
}

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

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

.h-list p {
  color: var(--grey16);
  font-family: "go-regular";
  font-size: 18px;
  font-style: normal;
  line-height: 140%;
}

.highQualifierWrapper {
  display: flex;
  gap: 20px;
}

.highQualifyCard {
  width: 100%;
  max-width: 400px;
  flex-shrink: 0;
  border-radius: 10px;
  background: var(--black);
  color: var(--white);
}

.highCardImg {
  padding: 10px;
  position: relative;
}

.highTag {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 36px;
  background: var(--white);
  color: var(--black);
  font-family: "go-medium";
  font-size: 13px;
  font-style: normal;
  line-height: 140%;
  position: absolute;
  left: 20px;
  top: 20px;
}

.highCardDescp {
  padding: 5px 20px 20px 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.h-cardTitle {
  color: var(--white);
  font-family: "go-medium";
  font-size: 18px;
  line-height: 140%;
}

.highDivider {
  height: 0.5px;
  background: var(--grey3);
  border: none;
  width: 100%;
}

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

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

.highCardLi img {
  max-width: 12px;
}

.highCardLi p {
  color: var(--grey16);
  font-family: "go-regular";
  font-size: 14px;
  font-style: normal;
  line-height: 160%;
}

.findSchool {
  color: var(--newWhite);
  display: flex;
  font-size: 15px;
  font-family: "go-bold";
  padding: 10px 24px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  align-self: stretch;
  border-radius: 54px;
  border: 1px solid var(--newYellow);
}

.findSchool img {
  filter: invert(1);
  width: 20px;
}

.findSchool:hover {
  color: var(--white);
  transition: all 0.2s ease-in-out;
}

.findSchool:hover img {
  transform: rotate(45deg);
  transition: all 0.15s ease-in-out;
}

.findSchool:active {
  border: 1px solid var(--white);
}

/* HSSL Custom Dropdown CSS - Shubham */

.findSchoolDropdown {
  width: 100%;
}

.findSchoolDropdown select {
  display: none;
}

.dropdown-select {
  background-color: var(--black5);
  border-radius: 8px;
  border: 1px solid var(--black5);
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 14px;
  font-weight: normal;
  height: 48px;
  outline: none;
  padding: 12px 24px;
  position: relative;
  text-align: center;
  text-transform: capitalize;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
}

.dropdown-select .list ul li:first-child {
  z-index: -1;
  position: relative;
  cursor: not-allowed;
}

.dropdown-select:focus {
  background-color: var(--light-black);
}

.dropdown-select:hover {
  background-color: #232020;
}

.dropdown-select:active,
.dropdown-select.open {
  background-color: var(--black);
  border-color: var(--grey3);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) inset;
}

.dropdown-select:after {
  height: 0;
  width: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #777;
  -webkit-transform: origin(50% 20%);
  transform: origin(50% 20%);
  transition: all 0.125s ease-in-out;
  content: "";
  display: block;
  margin-top: -2px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  top: 50%;
}

.dropdown-select.open:after {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.dropdown-select.open .list {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  pointer-events: auto;
}

.dropdown-select.open .option {
  cursor: pointer;
}

.dropdown-select.wide {
  width: 100%;
}

.dropdown-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}

.dropdown-select .list {
  box-sizing: border-box;
  transition:
    all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75),
    opacity 0.1s linear;
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  background-color: var(--black);
  border-radius: 6px;
  margin-top: 4px;
  padding: 3px 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
  max-height: 250px;
  overflow: auto;
  border: 1px solid var(--black5);
}

.dropdown-select .list:hover .option:not(:hover) {
  background-color: transparent !important;
}

.dropdown-select .dd-search {
  width: 96%;
  display: flex;
  justify-content: space-between;
  margin: 0.5rem;
  gap: 5px;
}

.dropdown-select .dd-searchbox {
  width: 100%;
  padding: 0.5rem;
  border: 1px solid var(--black5);
  border-radius: 4px;
  background: var(--black);
  outline: none;
  color: var(--white);
}

.dropdown-select .dd-searchbox:focus {
  border: 0.5px solid transparent;
  background:
    linear-gradient(var(--black) 0 0) padding-box,
    var(--gradient) border-box;
}

.enrollDropdownBtn {
  padding: 9px 10px;
  font-size: 13px;
  border-radius: 6px;
  background-color: var(--newWhite);
  border: none;
  font-weight: 600;
  cursor: pointer;
}

.enrollDropdownBtn:hover {
  transition: all 0.2s ease-in;
  background-color: var(--white);
}

.dropdown-select .list ul {
  padding: 0;
  color: var(--newWhite);
}

.dropdown-select .option {
  cursor: default;
  line-height: 30px;
  outline: none;
  padding-inline: 15px;
  text-align: left;
  transition: all 0.2s;
  list-style: none;
  font-family: var(--go-medium);
}

.dropdown-select .option:hover,
.dropdown-select .option:focus {
  background: linear-gradient(102deg, #39b6d8 0%, #f7d344 50%, #e38330 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: 0.2s ease;
}

.dropdown-select .option.selected {
  font-weight: 600;
  background: linear-gradient(102deg, #39b6d8 0%, #f7d344 50%, #e38330 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.current {
  display: flex;
  font-size: 15px;
  font-family: "go-bold";
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.dropdown-select .option:first-child {
  font-weight: 600;
}

.dropdown-select a {
  color: #aaa;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}

.dropdown-select a:hover {
  color: #666;
}

.findSchoolDropdown select {
  color: var(--white);
  text-align: center;
  font-family: "go-bold";
  font-weight: 600;
}

.findSchoolDropdown select option {
  font-family: "go-regular";
}

.hGreyTag {
  display: flex;
  padding: 8px 12px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 36px;
  background: var(--black5);
}

.highXtraMargin {
  margin-top: 107px;
}

.highQualifyCard:nth-child(2) .highCardImg {
  padding-bottom: 45px;
}

.hGreyTag p {
  color: var(--white);
  font-family: "go-regular";
  font-size: 13px;
  line-height: 140%;
}

.hGreyTag p span {
  font-size: 13px;
  font-family: "go-medium";
  line-height: 140%;
}

.highStartupWeeknd {
  background: var(--black);
  padding: 80px 0;
  background-repeat: no-repeat;
  background-size: cover;
}

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

.highStartupWeekndRight {
  display: flex;
  gap: 20px;
  align-items: center;
}

.hSchoolBg {
  display: flex;
  height: 125px;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  gap: 5px;
  border-right: 1px solid var(--black5);
}

.hSchoolBg:last-child {
  border-right: none;
}

.hSchoolBg p {
  color: var(--white);
  text-align: center;
  font-family: "go-medium";
  font-size: 60px;
  font-style: normal;
  line-height: 120%;
}

.hSchoolBg p:first-child {
  color: var(--white);
  font-family: "go-medium";
  font-size: 14px;
  line-height: 24px;
  text-transform: capitalize;
}

.hSchoolBgMob {
  display: flex;
  height: 125px;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  gap: 5px;
  border-radius: 10px;
  background: var(--black);
}

.highMobStartup .hSchoolBgMob:last-child {
  aspect-ratio: 1/1;
}

.hSchoolBgMob p:first-child {
  font-family: "go-bold";
  font-size: 56px;
}

.hSchoolBgMob p {
  color: var(--white);
  font-family: "go-bold";
  font-size: 15px;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
}

.highPreviousYrHighlights {
  padding: 80px 0;
  background: var(--black);
  border-bottom: 1px solid var(--black5);
}

.highPreviousWrapper {
  display: flex;
  align-items: flex-start;
  gap: 40px;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.highPreviousWrapper .mastersRoaster {
  width: 100%;
  max-width: 25%;
}

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

.highSchoolPreviousSliderWrap {
  width: 100%;
  max-width: 70%;
  overflow: hidden !important;
}

.highSchoolMarquee {
  padding: 60px 0;
  overflow: hidden;

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

.hSchoolWrapper {
  display: flex;
  position: relative;
  align-items: center;
  gap: 40px;
  animation: 18s linear infinite scroll;
  user-select: none;
}

.highSchool {
  flex: none;
}

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

  100% {
    transform: translateX(calc(-100% - 40px));
  }
}

.hsslParticipation {
  background: var(--grey16);
}

.participationRight {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  flex-wrap: wrap;
  max-width: calc(33.3% - 18px);
}

.participationRight ul {
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.participationRight ul li {
  color: var(--black5);
  font-size: 15px;
  font-family: var(--go-medium);
  line-height: 160%;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: 10px;
}

.participationRight ul li img {
  max-width: 14px;
}

.headingMubaat {
  font: 20px "ss-bold";
  margin-top: 20px;
}

.highPreviousYrHighlights .nav-arrow {
  margin-top: 50px;
  display: inline-flex;
  line-height: 0;
}

.highSubmitBtnWrapper {
  display: flex;
  justify-content: flex-end;
}

/* // high-school swiper temp css start --> */

.highPreviousYrHighlights .swiper-slide {
  min-height: auto !important;
  padding: 0 5px;
}

.highPreviousYrHighlights .mainScrollableBoxReel {
  /* min-width: 221px; */
  /* max-width: 100%; */
  /* max-width: 218px; */
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  /* border: 1px solid var(--black); */
}

.highPreviousYrHighlights .mainScrollableBoxReel .littleView {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease-in-out;
}

/* High School Startup League CSS End */

/* High School Team Register Page CSS Start */

.hsslRegistrationForm {
  padding: 150px 0 !important;
  background: var(--black);
}

.hsslRegistrationForm .msg-error {
  visibility: hidden;
}

.AfterRegistration {
  border: 1px solid var(--black5);
  border-radius: 5px;
  background-color: var(--black);
  padding: 20px 30px 40px;
  max-width: 100%;
  width: 850px;
  margin: 0 auto;
}

.fixingthanku {
  justify-content: center;
  display: flex;
  padding: 20px;
}

.formPersonalDetails {
  display: grid;
  grid-template-columns: 50% 50%;
  gap: 10px;
}

.inputGrup label {
  color: var(--white);
}

.inputGrup .inputType {
  width: 100%;
  display: flex;
  align-items: center;
  background: var(--black);
  gap: 15px;
  padding: 16px;
  border: 1px solid var(--black5);
  border-radius: 5px;
}

.inputGrup .inputType select {
  cursor: pointer;
}

.inputGrup .inputType input {
  border: none;
  line-height: 120%;
  font-family: "go-regular";
  width: 100%;
  background: var(--black);
  color: var(--white);
}

.inputGrup .inputType:focus-within {
  border: 1px solid var(--grey15);
}

.inputType input::placeholder {
  color: var(--white) !important;
  opacity: 0.4;
}

.inputType input:-ms-input-placeholder {
  color: var(--white) !important;
  opacity: 0.4;
}

.hsslRegistrationForm select:focus {
  outline: none;
}

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

.ccPhone .flexbox select {
  color: var(--white);
  background: var(--black);
  appearance: none;
  padding: 17px;
  border: 1px solid var(--black5);
  border-radius: 5px;
  outline: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: 100%;
  max-width: 22%;
}

.ccPhone .flexbox select:focus-within {
  border: 1px solid var(--grey15);
}

.inputSelectClass select {
  appearance: auto;
  color: var(--white);
  background: var(--black);
}

/* High School Team Register Page CSS End */

/* High School ENroll Popup CSS Start */

.twoColLayout .popupContainer {
  max-width: 650px !important;
}

/* High School Startup League CSS End */

.youngleader {
  padding-top: 120px;
  background: url("https://files.mastersunion.link/media/img/Leader/YoungLeaderBanner.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.rightSection .feeBox {
  min-width: 760px;
}

.reelWrapper {
  position: relative;
  overflow: hidden;
  min-height: 420px;
}

.LeaderSliderMenaLanding .opportunityWrapper .masterBox {
  max-width: unset;
  min-width: unset;
}

.LeaderSliderMenaLanding .opportunityWrapper {
  flex-wrap: unset !important;
  overflow: unset;
}

.reelPoster {
  position: absolute;
  top: 0;
  border-radius: 10px;
  left: 0;
  z-index: -1;
  height: 414px;
}

.LeaderProgramme .swiper {
  overflow: hidden !important;
}

.reelWrapper.youtubeWrapper video {
  top: 50%;
  width: 97%;
  left: 6px;
  transform: translate(-3px, -50%);
}

.reelWrapper video {
  top: 3px;
  max-height: 414px;
  left: 0;
  position: absolute;
  width: 100%;
}

.LeaderProgramme .abouttimevid {
  width: 100%;
}

.greyborder {
  border-color: var(--grey4) !important;
}

.BootcampCard {
  border-radius: 16px;
  border: 1px solid var(--grey4);
  background: var(--white);
  width: 32%;
  overflow: hidden;
}

.CardInner {
  padding: 15px;
}

.Leaderlogistics {
  background: url("https://images.mastersunion.link/uploads/23012025/v1/LeaderFee.webp");
  background-size: cover;
}

.costDetails {
  background:
    url("https://files.mastersunion.link/media/img/Leader/costBG.svg"),
    var(--black);
  padding: 35px;
  border-radius: 16px 0 0 16px;
  width: 53%;
  max-height: 290px;
  background-repeat: no-repeat;
  position: relative;
  /* top: 20px; */
  left: 20px;
}

.logisticsDetails {
  background: var(--white);
  background-position: right;
  padding: 55px 35px;
  border-radius: 16px;
  width: 58%;
  background-repeat: no-repeat;
}

.pl-45 {
  padding-left: 46px;
}

.twoColLayout .flexInput {
  display: grid;
  grid-template-columns: repeat(2, 50%);
  gap: 15px;
}

.twoColLayout .PopupformWrapper .right {
  width: 100% !important;
  max-width: 100% !important;
}

.twoColLayout .PopupformWrapper .formContainer .inputGroup:first-child {
  margin-top: 30px;
}

/* High School ENroll Popup CSS End */

/* High School Leaderboard Waitlist CSS Start */

.hsslLeaderboardWaitPopup .popupContainer {
  width: unset;
  max-width: unset;
  padding: 15px;
  background: var(--black);
  border: 1px solid var(--grey9);
}

.hsslLeaderboardWaitPopup .PopupformWrapper {
  flex-direction: column;
  gap: unset;
}

.hsslLeaderBoardPopBottm {
  display: flex;
  flex-direction: column;
  text-align: center;
  background: var(--black);
  width: 100%;
}

.hsslLeaderboardWaitPopup .votingPill-hssl {
  font-size: 24px;
  line-height: 130%;
  padding: 10px 18px;
  color: var(--white);
  text-align: center;
  font-family: var(--go-bold);
}

.hsslTimer {
  display: flex;
  justify-content: center;
  gap: 10px;
  font-weight: bold;
  font-size: 2.2rem;
}

.hsslTimer .time-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.hsslTimer .time-box .font56 {
  font-size: 56px;
  line-height: 120%;
}

.hsslTimer .timeFix {
  position: relative;
  top: 5px;
}

.hsslTimer .label {
  font-size: 15px;
  line-height: 120%;
  margin-top: 5px;
  color: var(--grey10);
}

.hsslLeaderboardWaitPopup .votingPill-hssl span {
  font-size: 24px;
  font-weight: 700;
  font-family: var(--go-bold);
}

.fixingthanku .congrats-inner>h3 {
  text-align: center;
  font-family: var(--go-regular);
  line-height: 140%;
}

/* High School Leaderboard Waitlist CSS End */

/* Media Queries for responsiveness */

@media screen and (max-width: 767px) {
  .formPersonalDetails {
    grid-template-columns: 100%;
  }

  .twoColLayout .flexInput {
    grid-template-columns: 100%;
    gap: 15px;
  }

  .highSchoolPreviousSliderWrap {
    max-width: 100%;
  }

  .hsslParticipation {
    background: var(--grey16) !important;
  }

  .twoColLayout .popupContainer {
    max-height: 610px;
    overflow-y: scroll;
  }

  .hsslParticipation .missionFlex {
    flex-direction: column;
  }

  .participationRight {
    max-width: 100%;
  }

  .highHeroWrapperRight .heroright::after {
    width: 150%;
    height: 167%;
    top: -31%;
    scale: 0.7;
    left: -25%;
  }
}

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

.mastermindBodWrapper .imgWrapper {
  width: 45%;
}

.mastermindBodWrapper .mastersList li {
  gap: 10px;
}

.mastermindBodWrapper .mastersList li img {
  max-width: 16px;
  top: 3px;
  position: relative;
}

.milestoneWrapper {
  display: flex;
  gap: 20px;
}

.masterlistPara {
  font-family: "go-bold";
}

.procedureImg {
  /* visibility: hidden; */
}

.cyberPark2024 .selectInput {
  color: var(--grey17);
}

.cyberPark2024 .selectInput {
  background: var(--white);
}

.Monsoon .feeProcessContainer .rightSection::before {
  background: linear-gradient(180deg, #f7d344, #e38330);
}

.Monsoon .procedureImgGrad {
  visibility: visible !important;
}

.Monsoon .highHero {
  background: url("/assets/img/monsonnbanner.png");
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
}

.Monsoon .highClass img {
  max-width: max-content;
}

.Monsoon .highClass p {
  font: 16px var(--go-regular);
  color: var(--grey4);
}

.Monsoon .timeline {
  background: url("/assets/img/timelinebg.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 0;
}

.Monsoon .timeline .faqtabs {
  display: flex;
  align-items: center;
  gap: 15px;
}

.Monsoon .timeline .faqtabs li {
  padding: 6px 13px;
  font-size: 14px;
  font-family: var(--go-medium);
  color: var(--grey);
  border-radius: 5px;
  border: 1px solid var(--grey);
  cursor: pointer;
  transition: 0.4s;
}

.Monsoon .timeline .faqtabs li.active {
  color: var(--white);
  transition: 0.4s;
  border: 1px solid transparent;
  background:
    linear-gradient(var(--black) 0 0) padding-box,
    linear-gradient(90deg, #39b6d8 6.41%, #f7d344 51.47%, #e38330 96.52%) border-box;
}

.Monsoon .agendawrapper {
  padding: 20px;
  display: flex;
  align-items: flex-start;
  max-height: max-content;
  gap: 10px;
  flex-direction: column;
  border-radius: 10px;
  border: 1px solid var(--black1);
  background: var(--white);
  width: 24%;
}

.Monsoon .agendawrapper .agendainner {
  display: flex;
  align-items: center;
  padding: 11px 13px 11px 11px;
  gap: 10px;
  border-radius: 5px;
  border: 1px dashed #585858;
}

.Monsoon .blackwaves {
  background-color: #1e1e1e;
  background-image: url("/assets/img/meetmasterbackground.png");
}

.Monsoon .feedetail {
  padding: 20px;
  border-radius: 15px;
  border: 1px solid var(--343434, #343434);
  background: var(--1E1E1E, #1e1e1e);
}

.Monsoon .mastersList li {
  gap: 10px;
}

.Monsoon .rightSection .feeBox {
  min-width: 760px;
  cursor: pointer;
}

.Monsoon .rightSection .feeBox.active .toggler {
  transform: rotate(180deg);
  transition: 0.4s ease-in;
}

.Monsoon .rightSection::before {
  left: 4.4% !important;
}

.Monsoon .feeProcessContainer {
  flex-direction: column;
  width: 67%;
}

.Monsoon .feeProcessContainer .header {
  justify-content: space-between;
  border-radius: 10px;
}

/* vishali event page start */
@media (max-width: 767px) {
  .v_winterCampWrapper .programmeHeading .mob-hide {
    display: block !important;
  }

  .v_winterCampWrapper .muvector::after {
    bottom: -9%;
  }

  .v_mastermindHeading .mob-view {
    display: block !important;
  }
}

.v_mastermindHeading .mob-view {
  display: none;
}

/* High School Startup Leaderboard CSS Start */

.hsslRegisterBtn {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 54px;
  border: 1px solid var(--newYellow);
  color: var(--white);
  font-family: "MintExtraBold";
  text-align: center;
  font-size: 13px;
}

.hsslRegisterBtn:hover {
  color: var(--newYellow);
  border: 1px solid var(--newWhite);
  transition: all 0.2s ease-in;
}

.hsslRegisterBtn:hover img {
  transform: translateX(2px) translateY(-2px);
  transition: all 0.2s ease-in;
}

.hsslRegisterBtn:active {
  border-color: var(--newYellow);
}

.hsslLeaderboard {
  background: url(/assets/img/svg/intersect/hssl/hsslLeaderboardBg.png) var(--black);
  padding: 120px 0 80px !important;
  color: var(--white);
  background-position: center;
}

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

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

.liveTeamResults:hover .teamDetails {
  transition: 0.2s ease-in;
  background: linear-gradient(92deg,
      #39b6d8 7.6%,
      #f7d344 53.43%,
      #e38330 99.26%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.liveTeamResults:hover .resultLabel {
  border: 1px solid var(--grey9);
}

.liveTeamResults .iconButton {
  padding: 4px 8px;
}

.resultLabelHeader {
  color: rgba(255, 255, 255, 0.6);
  display: flex;
  justify-content: flex-start;
  padding: 5px 25px;
  align-items: center;
  gap: 30px;
  font-family: var(--go-medium);
  font-size: 13px;
  line-height: 120%;
  letter-spacing: 0.65px;
  min-height: 57px;
  text-transform: uppercase;
}

.resultLabelHeader p:nth-child(1) {
  width: 40px;
}

.resultLabelHeader p:nth-child(2) {
  width: 410px;
}

.resultLabelHeader p:nth-child(3) {
  width: 150px;
}

.resultLabelHeader p:nth-child(4) {
  width: 150px;
}

.resultLabelHeader p:last-child {
  width: 135px;
  padding-left: 35px;
}

.resultLabel {
  display: flex;
  justify-content: flex-start;
  padding: 5px 25px;
  align-items: center;
  gap: 30px;
  color: var(--white);
  font-family: var(--go-medium);
  font-size: 13px;
  line-height: 120%;
  letter-spacing: 0.65px;
  border-radius: 5px;
  background: var(--grey17);
  min-height: 57px;
  cursor: pointer;
}

.resultLabel p:nth-child(1) {
  width: 40px;
}

.resultLabel p:nth-child(2) {
  width: 410px;
}

.resultLabel p:nth-child(3) {
  width: 150px;
}

.resultLabel p:nth-child(4) {
  width: 150px;
}

.resultLabel p:last-child {
  width: 100px;
}

.teamDetails {
  color: var(--white);
  display: inline-flex;
  align-items: center;
  gap: 12px;
  transition: 0.2s ease-in;
}

.hFirst {
  color: #f7d544;
}

.hSecond {
  color: #5bbcbd;
}

.hThird {
  color: #eca639;
}

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

.topInsights {
  border-radius: 8px;
  background: var(--black);
  width: 100%;
  max-width: 520px;
  flex-shrink: 0;
  color: var(--white);
  padding: 30px;
}

.insightTitle {
  color: var(--white);
  font-family: "go-bold";
  font-size: 24px;
  line-height: 110%;
  position: relative;
}

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

.hssl-row>div {
  width: 100%;
  max-width: 50%;
}

.insigh {
  width: 100%;
  height: 1px;
  border: 1px solid var(--light-black);
  margin: 20px 0 30px 0;
}

.insightsPoints {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.textLight {
  opacity: 0.7;
}

.insightTitleSchool {
  color: var(--newYellow);
  font-family: "MintBold";
  font-size: 24px;
  line-height: 110%;
  position: relative;
}

/* High School Startup Leaderboard CSS end */

/* HSSL Leaderboard detail CSS */

.hsslteamDetails {
  padding: 120px 0 80px !important;
  background: var(--black);
  color: var(--white);
  border-top: 1px solid var(--dark-grey);
}

.backLeaderboard {
  display: flex;
  gap: 6px;
  align-items: center;
  color: var(--white);
  font-family: "go-regular";
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
}

.backLeaderboard:hover {
  text-decoration: underline;
}

.backLeaderboard:hover img {
  transform: rotate(-140deg);
  transition: all.3s ease;
}

.backLeaderboard img {
  transform: rotate(-180deg);
}

.teamDetailWrapper {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  position: relative;
}

.teamLeft {
  width: 100%;
  max-width: 530px;
}

.teamName {
  color: var(--white);
  font-family: "go-bold";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 103%;
  text-transform: capitalize;
  position: relative;
}

.teamName::after {
  position: absolute;
  content: "";
  height: 30px;
  width: 30px;
  top: 0;
  left: 31.5%;
  background: url(/assets/img/svg/intersect/hssl/highlight-bling-line.svg);
}

.schoolName {
  color: #a2a2a2;
  font-feature-settings:
    "clig" off,
    "liga" off;
  font-family: "go-regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}

.lightBreaker {
  height: 0.5px;
  border: none;
  border-bottom: 1px solid var(--black5);
  margin-block: 20px;
}

.stuNames {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}

.stuNames li {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
}

.stuNames li a {
  width: 100%;
  max-width: 55px;
}

.stuNames li a img {
  opacity: 0.7;
  width: 100%;
}

.stuNames li a:hover img {
  opacity: 1.1;
  transition: all 0.1s ease-in;
}

.textSmall {
  display: inline;
  font-family: "go-regular";
  font-size: 13px;
  line-height: 140%;
  background: linear-gradient(92deg,
      #39b6d8 7.6%,
      #f7d344 53.43%,
      #e38330 99.26%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.teamRight {
  display: flex;
  flex-direction: column;
  position: relative;
}

.scrollWrapper {
  position: sticky;
  top: 65px;
}

.hsslBtnWrapper {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 30px;
  padding-inline: 40px;
}

.scrollWrapper .currVotes {
  padding-inline: 60px;
}

.testimonialWrapper {
  display: flex;
  gap: 20px;
}

.hsslSocialWrapper {
  display: flex;
  gap: 40px;
  justify-content: end;
}

/* HSSL Additional CSS Start */

.hsslBtnWrapper a {
  width: 235px;
}

.hsslBtnWrapper a button {
  width: 235px;
}

.hsslXploreUGProgrammes {
  padding: 60px 0 !important;
  background-position: unset;
}

.hsslXploreUGProgrammes .programme-cards-wrapper {
  justify-content: center;
}

.hsslBtnWrapper .gradientButton .iconButton {
  justify-content: center;
}

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

.liveTeamResults:hover .teamDetails>svg {
  transform: translate(5px, 0);
  transition: 0.2s ease-in;
}

.hssl-link-wrapper {
  position: relative;
  width: 24px;
  height: 24px;
}

.hssl-default-link {
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.3s ease;
}

.hssl-hover-link {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.hssl-link-wrapper:hover .hssl-default-link {
  opacity: 0;
}

.hssl-link-wrapper:hover .hssl-hover-link {
  opacity: 1;
}

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

.currVotes>div {
  width: 100%;
  max-width: 310px;
}

.compDetail h4 {
  color: var(--black);
  font-family: "MintMedium";
  font-size: 24px;
  line-height: 110%;
}

.compDetail p {
  color: var(--black);
  font-family: "MintRegular";
  font-size: 13px;
  font-weight: 400;
  line-height: 160%;
  margin-top: 8px;
}

.hsslInsights {
  display: flex;
}

.insightContainer {
  width: 100%;
  max-width: 50%;
  line-height: 0;
}

.insightContainer img {
  width: 100%;
}

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

.topInsights {
  border-radius: 8px;
  background: var(--black);
  width: 100%;
  max-width: 520px;
  flex-shrink: 0;
  color: var(--white);
  padding: 30px;
}

.insightTitle {
  color: var(--white);
  font-family: "MintBold";
  font-size: 24px;
  line-height: 110%;
  position: relative;
}

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

.hssl-row>div {
  width: 100%;
  max-width: 50%;
}

.insigh {
  width: 100%;
  height: 1px;
  border: 1px solid var(--light-black);
  margin: 20px 0 30px 0;
}

.insightsPoints {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.insightTitleSchool {
  color: var(--newYellow);
  font-family: "MintBold";
  font-size: 24px;
  line-height: 110%;
  position: relative;
}

/* High School Startup Leaderboard CSS end */

/* HSSL Leaderboard detail CSS */

.hsslteamDetails {
  padding: 120px 0 80px !important;
  background: var(--black);
  color: var(--white);
  border-top: 1px solid var(--dark-grey);
}

.backLeaderboard {
  display: flex;
  gap: 6px;
  align-items: center;
  color: var(--white);
  font-family: "go-regular";
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
}

.backLeaderboard:hover {
  text-decoration: underline;
}

.backLeaderboard:hover img {
  transform: rotate(-140deg);
  transition: all.3s ease;
}

.backLeaderboard img {
  transform: rotate(-180deg);
}

.teamDetailWrapper {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  position: relative;
}

.teamLeft {
  width: 100%;
  max-width: 530px;
}

.teamName {
  color: var(--white);
  font-family: "go-bold";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 103%;
  text-transform: capitalize;
  position: relative;
}

.teamName::after {
  position: absolute;
  content: "";
  height: 30px;
  width: 30px;
  top: 0;
  left: 31.5%;
  background: url(/assets/img/svg/intersect/hssl/highlight-bling-line.svg);
}

.schoolName {
  color: #a2a2a2;
  font-feature-settings:
    "clig" off,
    "liga" off;
  font-family: "go-regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}

.lightBreaker {
  height: 0.5px;
  border: none;
  border-bottom: 1px solid var(--black5);
  margin-block: 20px;
}

.stuNames {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}

.stuNames li {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
}

.stuNames li a {
  width: 100%;
  max-width: 55px;
}

.stuNames li a img {
  opacity: 0.7;
  width: 100%;
}

.stuNames li a:hover img {
  opacity: 1.1;
  transition: all 0.1s ease-in;
}

.textSmall {
  display: inline;
  font-family: "go-regular";
  font-size: 13px;
  line-height: 140%;
  background: linear-gradient(92deg,
      #39b6d8 7.6%,
      #f7d344 53.43%,
      #e38330 99.26%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.teamRight {
  display: flex;
  flex-direction: column;
  position: relative;
}

.scrollWrapper {
  position: sticky;
  top: 65px;
}

.hsslTeamVideoBanner {
  width: 100%;
  max-width: 610px;
  height: auto;
  max-height: 410px;
  margin: 0 auto;
  overflow: hidden;
}

.hsslTeamVideoBanner .video {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.hsslTeamTestimonialBanner {
  width: 100%;
  max-width: 402px;
  height: auto;
  border-radius: 10px;
  max-height: 367px;
  margin: 0 auto;
  overflow: hidden;
}

.hsslTeamTestimonialBanner .video {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.hsslBtnWrapper {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 30px;
  padding-inline: 40px;
}

.scrollWrapper .currVotes {
  padding-inline: 60px;
}

.testimonialWrapper {
  display: flex;
  gap: 20px;
}

.hsslSocialWrapper {
  display: flex;
  gap: 40px;
  justify-content: end;
}

/* HSSL Additional CSS Start */

.hsslBtnWrapper a {
  width: 235px;
}

.hsslBtnWrapper a button {
  width: 235px;
}

.hsslXploreUGProgrammes {
  padding: 60px 0 !important;
  background-position: unset;
}

.hsslXploreUGProgrammes .programme-cards-wrapper {
  justify-content: center;
}

.hsslBtnWrapper .gradientButton .iconButton {
  justify-content: center;
}

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

.liveTeamResults:hover .teamDetails>svg {
  transform: translate(5px, 0);
  transition: 0.2s ease-in;
}

.hssl-link-wrapper {
  position: relative;
  width: 24px;
  height: 24px;
}

.hssl-default-link {
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.3s ease;
}

.hssl-hover-link {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.hssl-link-wrapper:hover .hssl-default-link {
  opacity: 0;
}

.hssl-link-wrapper:hover .hssl-hover-link {
  opacity: 1;
}

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

.currVotes>div {
  width: 100%;
  max-width: 50%;
}

.currVotes>div:first-child {
  border-right: 1px solid #6c6c6c;
}

.currVotes> :last-child {
  margin-left: 35px;
}

.highAbout {
  padding: 80px 0 !important;
}

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

.hsslNewLeaderboard .hssl__wrapper {
  display: flex;
  justify-content: space-between;
  gap: 40px;
}

.hsslNewLeaderboard .hssl__wrapper .hsslCountDownBox {
  border-radius: 10px;
  background: var(--black);
  width: 100%;
  max-width: 379px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 20px;
}

.hsslNewLeaderboard .hssl__wrapper .hsslCountDownBox .hsslCountDownTimer {
  padding: 20px;
}

.hsslNewLeaderboard .hssl__wrapper .hsslCountDownBox .hsslCountDownTimer .teamName {
  color: var(--white);
  font-family: "go-bold";
  font-size: 24px;
  line-height: 110%;
}

.hsslNewLeaderboard .hssl__wrapper .hsslCountDownBox .hsslCountDownTimer .highCardLiWrap .highCardLi {
  align-items: baseline;
}

.hsslNewLeaderboard .hssl__wrapper .lightBreaker {
  height: 0.5px;
  border: none;
  border-bottom: 1px solid var(--black5);
  margin-block: 20px;
}

.hsslNewLeaderboard .hssl__wrapper .hsslTimer {
  display: flex;
  justify-content: center;
  gap: 10px;
  font-weight: bold;
  font-size: 2.2rem;
}

.hsslNewLeaderboard .hssl__wrapper .hsslTimer .time-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.hsslNewLeaderboard .hssl__wrapper .hsslTimer .time-box .font56 {
  font-size: 56px;
  line-height: 120%;
}

.hsslNewLeaderboard .hssl__wrapper .hsslTimer .timeFix {
  position: relative;
  top: 5px;
}

.hsslNewLeaderboard .hssl__wrapper .hsslTimer .label {
  font-size: 15px;
  line-height: 120%;
  margin-top: 5px;
  color: var(--grey10);
}

/* HSSL Vote Popup */

.hsslVotePopup .popupContainer {
  width: 30%;
  padding: 15px 20px;
  overflow: unset;
}

.hsslVotePopup .popupContainer .registerbox {
  padding: 0;
  width: 100%;
  gap: 15px;
}

.hsslVotePopup .popupContainer .registerbox::before {
  background: none;
  height: 0;
}

.hsslVotePopup .popupContainer .registerbox .otpInput {
  position: relative;
  padding: 3px;
}

.hsslVotePopup .popupContainer .registerbox .otpInput .otpCountryCode {
  margin-top: unset;
}

.hsslVotePopup .popupContainer .registerbox .otpInput .getOtpBtn .iconButton {
  padding: 5px 10px;
  text-wrap: nowrap;
}

/* HSSL Share Event Popup */

.hsslLeaderboardSharePopup .popupContainer {
  width: unset;
  max-width: 22%;
  padding: 15px;
  background: var(--white);
  border: 1px solid var(--grey9);
}

.hsslLeaderboardSharePopup .popupContainer .PopupformWrapper {
  flex-direction: column;
  position: relative;
}

.hsslLeaderboardSharePopup .popupContainer .PopupformWrapper .topFloaters {
  display: block;
  width: 100%;
  overflow: hidden;
}

.hsslLeaderboardSharePopup .popupContainer .PopupformWrapper .topFloaters .share-social-link {
  display: inline-flex;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  min-width: 75px;
}

.hsslLeaderboardSharePopup .popupContainer .PopupformWrapper .topFloaters .share-social-link span {
  font-size: 13px;
  line-height: 120%;
  font-family: var(--go-regular);
  color: var(--grey15);
}

.hsslLeaderboardSharePopup .popupContainer .PopupformWrapper .copyEventLink {
  width: 100%;
  border: 1px solid transparent;
  background:
    linear-gradient(var(--white) 0 0) padding-box,
    var(--gradient) border-box;
  border-radius: 4px;
}

.hsslLeaderboardSharePopup .popupContainer .PopupformWrapper .copyEventLink .eventLink {
  background: var(--white);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 10px 16px;
  border-radius: 5px;
}

.hsslLeaderboardSharePopup .popupContainer .PopupformWrapper .copyEventLink .eventLink .linK {
  font: 15/24px var(--go-medium);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 90%;
}

.hsslLeaderboardSharePopup .popupContainer .PopupformWrapper .copyEventLink .eventLink .copy-link-wrapper {
  position: relative;
  display: inline-block;
}

.hsslLeaderboardSharePopup .popupContainer .PopupformWrapper .copyEventLink .eventLink .copy-link-wrapper .copy-link {
  cursor: pointer;
}

.hsslLeaderboardSharePopup .popupContainer .PopupformWrapper .copyEventLink .eventLink .copy-link-wrapper .copy-link:active path {
  stroke: var(--warning);
}

.hsslLeaderboardSharePopup .popupContainer .PopupformWrapper .copyEventLink .eventLink .copy-link-wrapper .tooltip {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: var(--grey15);
  color: var(--white);
  padding: 5px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-family: var(--go-regular);
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.hsslLeaderboardSharePopup .popupContainer .PopupformWrapper .copyEventLink .eventLink .copy-link-wrapper:hover .tooltip {
  visibility: visible;
  opacity: 1;
}

/* HSSL Additional CSS End */

.vHsslLeaderHeading .searchBarWrapper {
  border-radius: 4px;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 5px;
  background: #171717;
  padding-left: 11px;
  margin-bottom: 20px;
}

.vHsslLeaderHeading .searchBarWrapper input {
  color: #737373;
  padding: 11px 8px;
  width: 100%;
  background: transparent;
}

.vHsslLeaderHeading .searchBarWrapper input::placeholder {
  color: #737373 !important;
}

/* winter week new start */
.newWinter .programmeHeading {
  color: var(--white);
  font-size: 3.46rem;
  font-family: "go-extrabold";
  line-height: 130%;
}

.newWinter .newCourseSchedule .rightSection::before {
  content: "";
  width: 5px;
  height: calc(100% + 80px);
  background: var(--grey4);
  position: absolute;
  left: 3.2%;
  z-index: 0;
}

.newWinter #growingDiv {
  content: "";
  width: 5px;
  max-height: 363%;
  background: linear-gradient(180deg, #f7d344, #e38330);
  position: absolute;
  /* left: 408px; */
  z-index: 1;
}

@media (min-width: 1024px) and (max-width: 1540px) {
  .newWinter #growingDiv {
    left: 25.55rem;
  }
}

.newWinter .v_sectionContent {
  display: flex;
  gap: 11px;
  align-items: center;
}

.newWinter .newCourseDetail .costDetails {
  min-height: 260px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.newWinter .v_mastermindHeading .mastermindBodWrapper {
  align-items: center;
  flex-wrap: wrap;
}

.newWinter .v_mastermindHeading .left {
  max-width: 55%;
  width: 100%;
}

.newWinter .right {
  width: 46%;
}

.newWinter .mastersList {
  margin-top: 20px;
}

.newWinter .imgWrapper {
  max-width: calc(45% - 50px);
  width: 100%;
}

.v_mastermindHeading .left {
  max-width: 55%;
  width: 100%;
}

.newWinter .applicationProcess {
  background: var(--white3);
}

.newWinter .applicationProcessWrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 50px;
}

.newWinter .applicationLeft {
  width: 100%;
  max-width: 45%;
  display: flex;
  flex-direction: column;
}

.newWinter .applicationContent {
  margin-top: 43px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

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

.newWinter .applicationList>img {
  position: relative;
  top: 2px;
}

.newWinter .text-14 {
  color: var(--New-Color-Neutral-262626, #262626);
  font-family: "go-semibold";
  font-size: 14px;
  font-weight: 600;
  line-height: 160%;
  /* 22.4px */
}

.newWinter .applicationText {
  color: var(--New-Color-Neutral-737373, #737373);
  font-family: "go-regular";
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
}

.newWinter .applicationRight {
  width: 100%;
  max-width: 45%;
}

.newWinter .borderLine {
  width: 100%;
  background-color: #e5e5e5;
  height: 1px;
}

.newWinter .mastermindText {
  font-family: "go-semibold";
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  color: var(--Secondary-text-color, #3b3b3b);
}

.newWinter .masterContent {
  color: var(--Secondary-text-color, #3b3b3b);
  font-family: "go-regular";
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}

.newWinter .programmeGreyCard {
  position: absolute;
  bottom: 13px;
  right: 4px;
  background: var(--black5);
  padding: 10px 15px;
  border-radius: 10px;
  display: inline-flex;
  gap: 8px;
  align-items: center;
}

.newWinter .heroIcon {
  width: 36px;
  height: 36px;
}

/* MENA LANDING PAGE START */

.menaLanding .menaherolanding .left {
  width: 100%;
  max-width: 46%;
}

.menaLanding .menaherolanding .left .detailsBox {
  display: flex;
  gap: 10px;
  padding: 10px 15px;
  border-radius: 30px;
  border: 1px solid transparent;
  background:
    linear-gradient(var(--black) 0 0) padding-box,
    linear-gradient(90deg, #39b6d8 6.41%, #f7d344 51.47%, #e38330 96.52%) border-box;
}

.menaLanding .rightmena {
  width: 100%;
  max-width: 40%;
}

.menaLanding .rightmena .eventRight {
  width: 100%;
}

.menaLanding .rightmena .eventRight .menaForm {
  max-width: 98%;
}

.menaLanding .rightmena .eventRight .menaForm .gradientButton {
  /* max-width: 96%; */
  width: 100%;
}

.menaLanding .rightmena .eventRight .menaForm .gradientButton .iconButton {
  justify-content: center;
}

.menaLanding .milestoneWrapper {
  gap: 0;
  padding-bottom: 1px;
}

.menaLanding .menaWhitebg {
  background:
    url(https://files.mastersunion.link/resources/img/oppertunityBG.webp), white;
  background-position: top;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  background-position-x: left;
}

.menaLanding .menaWhitebg .menaLandingswiper .BootcampCard {
  padding: 20px;
  border-radius: 16px;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
}

.menaLanding .menaWhitebg .menaLandingswiper .BootcampCard .CardInner {
  padding: 0;
  margin-top: 20px;
}

.menaLanding .menaWhitebg .menaLandingswiper .BootcampCard img {
  border-radius: 8px;
}

.menaLanding .menaStories {
  background: url(https://files.mastersunion.link/resources/svg/meetMasterbg.svg) var(--black);
  background-repeat: no-repeat;
  background-position: top;
  background-position-x: left;
}

@media (max-width: 767px) {
  .menaLanding .menaStories {
    background-size: contain;
  }
}

.menaLanding .menaStories.whiteVictories .navigationWrapper ul {
  background: var(--grey17);
}

.menaLanding .menaStories.stories .navigationWrapper {
  margin: 40px 0 40px;
}

.menaLanding .menaStories .stories {
  padding: 0;
}

.menaLanding .menaStories .swiper-slide .masterBox {
  padding: 0;
  background: var(--black);
  gap: 0;
  box-shadow: none;
}

.menaLanding .menaStories .gradientGlobal {
  background: linear-gradient(91deg,
      #39b6d8 27.44%,
      #f7d344 36.39%,
      #e38330 45.35%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "go-regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.menaLanding .menaStories .CardInner {
  padding: 15px 0 0 0;
}

.menaLanding .menaStories .transformheading {
  letter-spacing: 0.48px;
  line-height: 140%;
}

.menaLanding .menaStories .transformpera {
  letter-spacing: 0.26px;
  line-height: 160%;
  font-size: 13px;
  font-weight: 600;
}

.menaLanding .menaStories .masterPlay img {
  width: 14%;
}

.menaLanding .menaStories .tabs li {
  color: var(--grey);
}

.menaLanding .menaStories.stories.whiteVictories .swiper-slide .masterBox {
  min-height: 0 !important;
}

.menaLanding .feeProcess .headingSmall {
  font-family: var(--go-medium);
  font-size: 12px;
  color: var(--grey10);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.menaLanding .feeProcess .sectionHeading {
  font-size: 30px;
  color: var(--white);
}

.menaLanding .feeProcess .leftHeading {
  color: var(--white);
}

.menaLanding .collaboration .innerBox1 {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.menaLanding .collaboration .innerBox1 .wrapperinner {
  width: 180px;
  padding: 20px;
  align-items: flex-start;
  border-radius: 16px;
  background: var(--white);
  box-shadow: 0px 0px 36px 2px rgba(192, 192, 192, 0.25);
}

.menaLanding .collaboration .innerBox1 .wrapperinner .paragraph {
  display: flex;
  align-items: flex-start;
}

.menaLanding .opportunityWrapper {
  flex-wrap: nowrap;
  gap: 0;
}

.menaLanding .faq .mena-Faq-Sections-landing {
  width: 100%;
}

.menaLanding .feeBox .body {
  background: var(--grey17) !important;
  border: none;
}

.menaLanding .rightSection .subContent {
  color: var(--grey10);
  font-family: "go-medium";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  /* 22.4px */
}

.menaLanding .detailsList .list li {
  font-size: 12px;
  font-weight: 400;
  font-family: "go-regular";
  color: var(--grey10);
}

/* MENA LANDING PAGE END */

/* summerStartupEvent start */
.summerStartupEvent {
  .leaderWrapper {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }

  .registerForm {
    gap: 10px;
  }

  .inputBox {
    margin-top: 2px;
  }

  .mobMentor {
    background: var(--black) !important;
  }

  .form label {
    font-size: 0.875rem;
    line-height: 160%;
  }

  .programmeGreyCard .editionItalic {
    font-size: 14px;
  }

  .select-form-arrow:after {
    top: 40px;
  }

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

  .editionDivi>p {
    max-width: 100% !important;
  }

  .boxiSummer {
    width: 100%;
    height: 100%;
    background: var(--black);
  }

  .heroWrapper .left {
    width: 52%;
  }

  .formWrap {
    width: 100%;
    max-width: 47%;
  }

  .imgWrap {
    max-width: 52%;
    position: sticky;
    top: 10rem;
  }

  .interestDivi.new .sectionHeadingTech {
    position: sticky;
    top: 6rem;
  }

  .youngleader .sectionHeadingTech {
    font-size: 48px;
    line-height: 110%;
  }

  .youngleader .sectionHeadingItalic {
    font-size: 52px;
  }

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

    .sectionHeadingItalic {
      font-style: normal;
    }
  }

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

  .registerForm .form {
    margin-top: 0 !important;
  }

  .interestFormWrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
    width: 100%;
    max-width: 50%;
  }

  .summerFormImg {
    width: 100%;
    max-width: 640px;
    height: 512px;
    object-fit: cover;
    object-position: center;
  }

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

  .leaderSummerWrapperDivi .headingWrapperButton .gradientUnderlineThin::after {
    width: 100%;
  }

  .ssWeek {

    /* .sectionHeading {
            font-family: "go-bold";
            font-size: 30px;
            color: var(--black);
            font-weight: 700;
            line-height: 140%;
            letter-spacing: 0.6px;
        } */
    .BootcampCard {
      padding: 10px;
    }

    .BootcampCard img {
      border-radius: 8px;
    }

    .CardInner {
      padding: unset;
      margin-top: 10px;
    }

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

  .leaderMasterSlider {
    overflow: hidden !important;
  }

  .newMasterImgBox>img {
    width: 100%;
  }

  .blackSvgBg.datesImg picture img {
    display: block;
    width: 100% !important;
  }

  .lightMuVector::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 75%;
    background: url(https://images.mastersunion.link/uploads/17042025/v1/Vector13471.svg);
    background-repeat: no-repeat;
    left: 0;
    bottom: -55%;
    z-index: -1;
  }

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

    .newMasterBox {
      border: 2px solid var(--transparent);
    }
  }

  .mentorMob2,
  .whiteLineBg.ssWeek,
  .mastermind {
    .lightMuVector::after {
      background: url(https://images.mastersunion.link/uploads/17042025/v1/Vector13472.svg);
      background-repeat: no-repeat;
    }
  }

  .mastermind {
    .lightMuVector::after {
      background: url(https://images.mastersunion.link/uploads/17042025/v1/Vector13472.svg);
      background-repeat: no-repeat;
    }
  }

  .dsCareer .diviCareer {
    padding: unset !important;
  }

  .mobMentor {
    .newMasterBox {
      max-width: 100%;
    }
  }

  .roadMap .roadmapBox {
    min-height: 238px;
    padding: 16px;
    max-width: 23%;
  }

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

  .roadmapBox {
    width: 100% !important;
    max-width: 24% !important;
  }

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

  .gradientUnderline::after {
    background: url("https://images.mastersunion.link/uploads/18042025/v1/Vector13473.svg");
    background-repeat: no-repeat;
    bottom: -80%;
  }

  .summerText {
    font-size: 16px;
    line-height: 160%;
    font-family: var(--go-regular);
    color: var(--grey3);
    text-align: center;
  }

  .dsCareer .studiesRight {
    padding-block: 55px;
  }

  .higherStudyContent {
    gap: 60px !important;

    .sectionHeadingTech {
      font-size: 16px;
      width: 100%;
      max-width: fit-content;
      line-height: 150%;
    }

    .sectionHeadingItalic {
      font-size: 20px;
    }
  }

  .whiteLineBg {
    background: var(--black);
  }

  .upperContentTab {
    gap: 24px !important;
  }

  /* vishali summerstartup */

  .whiteLineBg.ssWeek {
    background:
      url("https://files.mastersunion.link/resources/img/meshVector.webp"),
      var(--white3);
    background-repeat: no-repeat;
  }

  .Leaderlogistics .costHeading {
    font-family: "go-regular";
    font-size: 20px;
    /* font-weight: 400; */
    line-height: 32px;
    color: var(--grey4);
  }

  .Leaderlogistics .costDetails {
    max-height: unset !important;
  }

  .Leaderlogistics .costPrice {
    color: var(--grey);
    font-family: "go-medium";
    font-size: 23px;
    line-height: 36px;
  }

  .Leaderlogistics .costPriceBold {
    font-family: "go-bold";
    font-size: 28px;
    font-weight: 700;
    line-height: 44px;
    color: var(--white);
  }

  .mastermindBodWrapper .left {
    width: 50%;
  }

  .mastermindBodWrapper .right {
    width: 50%;
    position: relative;
  }

  .mastermindBodWrapper {
    gap: 60px;
  }

  .mastermindBodWrapper .right::after {
    position: absolute;
    content: "";
    width: 57%;
    height: 100%;
    background: url(https://images.mastersunion.link/uploads/20012025/v1/summerWeekVector.svg);
    background-repeat: no-repeat;
    top: 45%;
    right: -18%;
    z-index: -1;
  }

  .Leaderlogistics .mastermindBodWrapper {
    gap: 20px;
  }

  .LeaderSliderSummerSkill .masterBox>img {
    width: 100%;
  }

  .datesImg>img {
    width: 100%;
  }

  .masterBox {
    width: 100%;
    max-width: 18%;
  }

  /* summerStartupEvent end */
}

/* vishali certification page start */

.certificationProgramme {
  .mastermindBodWrapper {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    gap: 60px;
  }

  .mastermindBodLeft {
    width: 100%;
    max-width: 45%;
  }

  .mastermindBodRight {
    width: 100%;
    max-width: 45%;
  }

  .ourteambanner {
    background: var(--white);
    padding: 40px;
    overflow: hidden;
    max-width: 90%;
    margin: 0 auto;
  }

  .imageWrapper {
    margin-top: 50px;
  }

  .psyStudentXperience {
    background: var(--grey17) !important;
  }

  .homeAlumni .swiper-slide {
    background: var(--black);
  }

  .homeAlumni .swiper-slide .alumniName {
    color: var(--white);
    font-family: "go-bold";
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
  }

  .winPrice {
    background: var(--black);
  }

  .winPriceWrapper {
    display: flex;
    justify-content: space-around;
    gap: 75px;
  }

  .winPriceLeft {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    width: 100%;
    max-width: 50%;
  }

  .priceSubHead {
    font-family: "go-regular";
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--white);
  }

  .winPriceRight {
    width: 100%;
    max-width: 424px;
  }

  .gradientBox {
    background:
      linear-gradient(var(--black) 0 0) padding-box,
      linear-gradient(119deg, #39b6d8 -19.47%, #f7d344 47.29%, #e38330 112.78%) border-box;
    border: 2px solid transparent;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 40px 78px;
    border-radius: 16px;
  }

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

  .priceData {
    font-family: "go-regular";
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    color: var(--grey16);
  }

  .skillFocus {
    background: url(https://images.mastersunion.link/uploads/27012025/v1/gridtop_rightwrapper.svg) var(--black);
    background-repeat: no-repeat;
    background-position: left;
  }

  .skilWrapper {
    display: flex;
    margin-top: 30px;
    gap: 20px;
    overflow: hidden;
  }

  .Leaderlogistics .mastermindBodWrapper .costDetails {
    max-height: 315px !important;
  }

  .skillFocusBox {
    border: 1px solid #262626;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    min-height: 323px;
    max-width: 400px;
  }

  .skillDetail {
    padding: 20px;
  }

  .skillHeading {
    font-family: "go-semibold";
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    color: var(--white);
  }

  .psyStudentXperience .alumniName {
    max-width: 377px;
  }

  .meetopportunity {
    background-color: var(--white3);
  }

  .cardText .heading {
    font-family: "go-semibold";
    font-size: 18px;
    font-weight: 600;
    line-height: 21px;
  }

  .businessText {
    color: var(--grey15);
    font-family: "go-regular";
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
  }

  .businessesBuilt .paragrapgh {
    color: var(--grey15);
    font-family: "go-regular";
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
  }

  .businessesBuilt .logoImg {
    max-width: 240px;
  }

  .experienceReal .programmeTagLine {
    color: var(--grey9);
  }

  .certification {
    background: var(--black);
  }

  .psyStudentXperience.homeAlumni .swiper-slide {
    padding: 10px;
  }

  .certification {
    background: var(--black);
  }
}

.techDsaiHomePage.dsaiRedesign.aiHackathon {
  .video-container img {
    opacity: 1;
  }

  .thanku {
    min-height: 522px;
  }

  .faqquestionWrap.active .left {
    padding-bottom: 0;
    transition: 0.4s ease-in-out;
  }

  .techPointerChild {
    align-items: baseline;
  }

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

  .go-HighlightHeading {
    font-size: 30px;
    line-height: 120%;
  }

  select {
    /* appearance: none; */
    cursor: pointer;
  }

  .selectform::after {
    content: "";
    background: url("https://images.mastersunion.link/uploads/21052025/v1/CaretDown.svg");
    background-repeat: no-repeat;
    position: absolute;
    top: 32px;
    right: 1.1rem;
    width: 22px;
    z-index: 9999;
    height: 22px;
  }

  .selectform {
    position: relative;
  }

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

  .heroSectionImg video {
    background: #000000;
    opacity: 0.5;
  }

  .newMasterDetailsWrap h3 {
    font-size: 14px;
  }

  .newMasterDetailsWrap {
    padding-bottom: 16px;
  }

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

  .whiteApplyButton,
  .downloadBroucherButton {
    max-width: fit-content;
    justify-content: flex-start;
  }

  .subPointer {
    font-size: 16px;
  }

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

  .claimSwiper {
    overflow: hidden !important;
    margin-top: 30px;
    padding-inline: 45px;
  }

  .heroWrapperHeadingDiv.new {
    max-width: 55% !important;
  }

  .faqanswer {
    padding: 0 12px 12px 12px;
  }

  .bottomFooter {
    padding-bottom: 20px;
    margin-top: 43px;
  }

  .podcastSection.white {
    background: white;
    padding: 80px 0;

    .podcastWrapper {
      background: white;
      padding: 0;
      align-items: center;
    }

    .countdown {
      display: flex;
      height: 100%;
      gap: 3px;
    }

    .time-box {
      width: 33%;
      padding: 95px 30px;
      text-align: center;
      color: white;
      display: flex;
      flex-direction: column;
      height: 100%;
      justify-content: center;
    }

    .days {
      background-color: #28c1e1;
    }

    .hours {
      background-color: #fcd949;
      color: white;
    }

    .minutes {
      background-color: #f28c28;
    }

    .time-box h1 {
      font-size: 118px;
      font-family: "go-bold";
      line-height: 100%;
    }

    .time-box p {
      font: 24px "go-regular";
    }
  }

  .studentJourneyWrap.borderGradient .gridBox:hover {
    background: none !important;
  }

  .gradientSectionLeft {
    width: 100%;
    max-width: 53%;
  }

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

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

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

  .newMasterImgBox {
    max-height: 245px;
  }

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

  .rewritingText {
    color: var(--grey17);
  }

  .impactLeftBox::after {
    background: url(https://images.mastersunion.link/uploads/19052025/v1/aiLogo1.svg);
    background-repeat: no-repeat;
  }

  .impactLeftBox:nth-of-type(2)::after {
    content: "";
    background: url(https://images.mastersunion.link/uploads/19052025/v1/ailogo2.svg);
  }

  .impactLeftBox:nth-of-type(3)::after {
    content: "";
    background: url(https://images.mastersunion.link/uploads/19052025/v1/aiLogo3.svg);
  }

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

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

  .enterPreneurshipParent {
    justify-content: flex-end;
  }

  .circleNumber {
    padding: 14px 12px;
  }

  .aiGradientUpper {
    display: flex;
    flex-direction: column;
    gap: 18px;
  }

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

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

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

  .whiteApplyButton {
    gap: 10px;
    /* justify-content: unset;
        padding:14px 24px; */
  }

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

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

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

  .gradientRightDivi {
    gap: 28px;
    padding: 32px;
  }

  .gradientRightDivi .buttonsParent {
    margin-top: unset;
  }

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

  .heroWrapperHeadingDiv {
    left: 25.5%;
    bottom: 80px;
  }

  .aiCards {
    display: flex;
    gap: 20px;
  }

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

  .skyWrapper {
    display: flex;
    gap: 80px;
    align-items: flex-end;
  }

  .inputBox {
    margin-top: 6px;
    padding: 10px 12px;
  }

  .registerForm .form {
    margin-top: 20px;
  }

  .skyLeft {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 100%;
    max-width: 50%;

    img {
      height: 100%;
    }
  }

  .skyright {
    max-width: 46%;
    width: 100%;
  }

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

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

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

  .exploreUg .buttonPlay {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    cursor: pointer;
    left: 141px;
    top: 50px;
  }

  .floatingText {
    font-family: var(--go-regular);
  }

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

  .innovatorBelowWrap {
    display: flex;
    gap: 20px;
  }

  .innovatorBelowWrap .diviName {
    font-size: 17px;
  }

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

  .impactBold {
    color: var(--grey);
  }

  .claimSection {
    background: var(--black);
  }

  .claimSection .sectionParaTechThin {
    color: var(--grey10);
  }

  .claimSection .floatingText {
    line-height: 120%;
  }

  .claimSection .gridBox {
    border: unset;
  }

  .aiMentors .mastersScrollAi {
    overflow: hidden !important;
  }

  .detailsList .list li p {
    font-size: 0.813rem;
    color: var(--grey13);
  }

  .whiteLineBg {
    background: var(--black);
  }

  .summerWeekSlider {
    margin-top: 32px;
  }

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

  .skyright .select-form-arrow:after {
    background: url(https://images.mastersunion.link/uploads/10062025/v1/CaretDown.svg);
    top: 37px;
  }

  .phone-input-container {
    display: flex;
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
    background: white;
    transition: border-color 0.2s ease;
    margin-top: 8px;
  }

  .phone-input-container:focus-within,
  .phone-input-container:hover,
  .input:focus-within {
    background:
      linear-gradient(var(--white) 0 0) padding-box,
      var(--gradient) border-box;
    border: 1px solid transparent;
  }

  .country-code-select {
    background: var(--white);
    border: none;
    padding: 12px 16px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    cursor: pointer;
    border-right: 1px solid #ddd;
    outline: none;
    max-width: fit-content;
  }

  .country-code-select:focus {
    background: #e9ecef;
  }

  .phone-input {
    flex: 1;
    border: none;
    padding: 12px 16px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    outline: none;
    background: white;
  }

  .phone-input::placeholder {
    color: #999;
    font-weight: 400;
  }
}

.whitebigform {
  background: var(--black);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 120px 0 80px;

  .registerForm {
    max-width: 800px;
    margin: 0 auto;
  }

  .paticipantInput {
    display: flex;
    gap: 12px;
    width: 100%;
  }

  .paticipantInput .form {
    margin-top: unset;
  }

  .paticipantInput .inputBox {
    margin-top: 8px;
    padding: 12px;
  }

  .participantLabel {
    font-size: 16px;
    font-family: var(--go-semibold);
    font-weight: 600;
    line-height: 150%;
    color: var(--black5);
    margin: 20px 0 8px;
  }

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

  .thanku {
    max-width: 800px;
    margin: 0 auto;
  }

  .select-form-arrow:after {
    background: url(https://images.mastersunion.link/uploads/10062025/v1/CaretDown.svg);
    top: 40px;
  }
}

.whiteupload.new {
  max-height: 100vh;
  overflow: hidden;

  .left-panel {
    background: url("https://images.mastersunion.link/uploads/12082025/v1/herosection1.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
}

.whiteupload {
  min-height: 100vh;

  .registration-container {
    display: flex;
    margin: 0 auto;
    background: white;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    height: 100vh;
  }

  .thanku {
    height: 100%;
  }

  .buttonDivi {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 80px;
  }

  /* Left Panel */
  .left-panel {
    flex: 1;
    background: url("https://images.mastersunion.link/uploads/28052025/v1/leftpdf.webp");
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 60px 40px;
    color: white;
    position: relative;
  }

  .left-content {
    position: absolute;
    z-index: 2;
    bottom: 143px;
    left: 100px;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .left-panel h1 {
    font-size: 3.5rem;
    font-weight: 300;
    margin-bottom: 10px;
    line-height: 1.2;
  }

  .left-panel h1 .highlight {
    font-style: italic;
    font-weight: 400;
    color: #ffd700;
  }

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

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

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

  /* .left-panel h2 {
        font-size: 2.5rem;
        font-weight: 300;
        margin-bottom: 20px;
    } */

  /* .left-panel p {
        font-size: 1.2rem;
        opacity: 0.9;
        max-width: 400px;
    } */

  /* Right Panel */
  .right-panel {
    flex: 1;
    padding: 60px 0;
    overflow-y: auto;
    background: #fff;
  }

  .form-container {
    max-width: 80%;
    margin: 0 auto;
    height: 100%;
  }

  .required {
    color: #e74c3c;
  }

  .form-input,
  .form-select {
    width: 100%;
    padding: 10px 12px;
    font-size: 14px;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    background: white;
    transition: all 0.3s ease;
    font-family: inherit;
  }

  .form {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .form-input:focus,
  .form-select:focus {
    outline: none;
    border-color: #3498db;
    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
  }

  .form-input::placeholder {
    color: #95a5a6;
  }

  .form-select {
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 12px center;
    background-repeat: no-repeat;
    background-size: 16px;
    padding-right: 40px;
  }

  .file-upload-container {
    position: relative;
    display: inline-block;
    width: 100%;
  }

  .file-upload-input {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
  }

  .file-upload-label {
    display: block;
    padding: 14px 16px;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    background: white;
    color: #7f8c8d;
  }

  .form-label {
    margin-bottom: 8px;
  }

  .file-upload-label:hover {
    border-color: #3498db;
    background: #f8f9fa;
  }

  .file-size-hint {
    font-size: 12px;
    color: #95a5a6;
    margin-top: 4px;
  }

  .error-message {
    font-size: 12px;
    color: #e74c3c;
    margin-top: 6px;
    min-height: 18px;
  }

  .disclaimer {
    /* background: #f8f9fa; */
    /* padding: 16px; */
    /* border-radius: 8px; */
    /* border-left: 4px solid #3498db; */
    margin-bottom: 24px;
  }

  .disclaimer-label {
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 8px;
  }

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

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

  .submit-container {
    text-align: center;
    margin-top: 32px;
  }

  .submit-btn:hover {
    background: linear-gradient(135deg, #2980b9, #1f5f8b);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(52, 152, 219, 0.3);
  }

  .submit-btn:active {
    transform: translateY(0);
  }

  .submit-icon {
    width: 18px;
    height: 18px;
  }

  .select-form-arrow:after {
    background: url(https://images.mastersunion.link/uploads/10062025/v1/CaretDown.svg);
    top: 33px;
  }

  /* Responsive Design */
  @media (max-width: 1024px) {
    .registration-container {
      flex-direction: column;
    }

    .left-panel {
      min-height: 50vh;
      padding: 40px 20px;
    }

    .left-panel h1 {
      font-size: 2.5rem;
    }

    /* .left-panel h2 {
            font-size: 2rem;
        } */

    .right-panel {
      padding: 40px 20px;
    }
  }

  @media (max-width: 768px) {
    /* .left-panel h1 {
            font-size: 2rem;
        }

        .left-panel h2 {
            font-size: 1.5rem;
        }

        .left-panel p {
            font-size: 1rem;
        } */

    .formLeftHead {
      font-size: 22px;
    }

    .formHeadItalic {
      font-size: 24px;
    }

    .formLeftSubHead {
      font-size: 14px;
    }

    .left-content {
      left: 20px;
      bottom: 51px;
    }

    .left-panel {
      background: url(https://images.mastersunion.link/uploads/10062025/v1/formMobImage.webp);
      background-size: cover;
      margin-top: -15px;
    }
  }
}

.skyFormHeading {
  font-size: 24px;
  font-family: var(--go-regular);
  line-height: 120%;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;

  p {
    background-color: #f5f5f5;
    border-radius: 4px;
    padding: 4px 8px;
    font: 14px "go-medium";
    line-height: 150%;
  }

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

.skypara {
  font: 14px "go-regular";
  line-height: 150%;
  color: #404040;
  margin-top: 8px;
}

.thankyouPara {
  font: 16px "go-regular";
  line-height: 150%;
  color: #404040;
  margin-top: 8px;

  a {
    color: #e38330;
    font-weight: 600;
  }
}

.thankyouHeading {
  font-family: "Fraunces", serif;
  font-size: 28px;
  font-weight: 350;
  line-height: 120%;
  color: #090909;
}

.thankyouBigForm {
  .thanku {
    min-height: 522px;
  }
}

.thankyouText {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-direction: column;
}

/* bluePrint */

.bluePrint {
  .faqanswer {
    max-width: 95% !important;
  }

  .dsBelowRight .faqquestionWraps,
  .faqquestionWrap {
    border-radius: 12px !important;
  }

  .roundParallaxImg {
    transition: transform 0.2s linear;
    will-change: transform;
  }

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

    .bgHeroVideoWrap {
      max-height: 90vh;
    }

    .homeheroHeading {
      font: 52px "go-regular";
      color: var(--white);
      line-height: 100%;

      .FrHeading {
        font-family: "fraunces", serif;
        font-weight: 350;
        color: var(--white);
        line-height: 120%;
        font-style: italic;
        font-size: 60px;
      }
    }

    .overlayHero {
      position: absolute;
      bottom: 100px;
      width: 100%;
      z-index: 10;
      left: 0;
      text-align: center;
    }

    /* .heroRightButtons {
            display: flex;
            gap: 20px;
            align-items: center;
        } */

    .muHeroButtonWrap {
      display: flex;
      justify-content: center;
      margin-top: 32px;
      align-items: center;
    }

    .heroTag {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 16px;
    }

    .heroImpactButton {
      display: flex;
      padding: 8px 10px;
      align-items: flex-start;
      justify-content: center;
      gap: 4px;
      border-radius: 40px;
      background: var(--grey3);
      color: var(--grey4);
      font-size: 13px;
      font-family: var(--go-medium);
      line-height: 120%;
      letter-spacing: 1px;
      text-transform: uppercase;
      max-width: max-content;
    }

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

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

    .muHeroLogos {
      display: flex;
      gap: 30px;
      align-items: center;
    }

    .muHeroLogos img {
      max-width: 90px;
    }

    .bgHeroImage {
      filter: grayscale(1);
    }

    .bgHeroImageScrolled {
      filter: grayscale(0);
      transition: filter 0.5s ease;
    }

    .bgHeroVideoWrap {
      max-height: 90vh;
    }
  }

  .marqueeDivi {
    background: var(--white);
    padding: 16px 0px;
    width: 100%;
    pointer-events: none;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 20px;

    .marqueeText {
      display: flex;
      align-items: center;
      gap: 20px;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .tetrStartupSection {
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: 1px solid var(--grey4);
    background-color: white;
    padding: 60px 0;

    .container {
      background:
        url("https://images.mastersunion.link/uploads/11072025/v1/eventVector.svg"),
        var(--black);
      padding: 99px 0;
      border-radius: 12px;
      background-repeat: no-repeat;
    }

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

    .startUpWrapBlock {
      background: var(--white);
      max-height: 330px;
      max-width: 1066px;
      border-radius: 12px;
      display: flex;
      gap: 60px;
      padding: 50px 40px;
      margin: 0 auto;
      position: relative;
      z-index: 1;

      .greycrossAsset {
        position: relative;
        color: var(--grey);
        z-index: 1;
        font-weight: 400;
      }

      .go-HighlightHeading {
        font-weight: 600;
        color: var(--black5);
      }

      .greycrossAsset::after {
        position: absolute;
        top: 21px;
        left: 0;
        background: var(--grey);
        height: 2px;
        content: "";
        width: 95%;
        z-index: 2;
      }

      .leftWrapStartup {
        position: relative;
        left: 0;
        top: -5px;
        transform: translateY(-23%);
        width: 100%;
        max-width: 350px;
        height: 100%;
        border-radius: 8px;
        background: #fff;
        box-shadow: 3px 3px 78px 0px rgba(0, 0, 0, 0.1);
      }

      .rightWrapStartup {
        width: 100%;
        max-width: 570px;
        display: flex;
        flex-direction: column;
        justify-content: center;

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

        button {
          margin-top: 24px;
          width: fit-content;
        }
      }
    }
  }

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

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

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

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

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

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

      img {
        scale: 1.01;
      }
    }

    .enrollOverlay {
      position: absolute;
      top: 60%;
      left: 16px;
      opacity: 1;
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

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

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

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

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

    .overlayBold {
      color: var(--grey18) !important;
      font-family: var(--go-semibold);
      line-height: 150%;
    }
  }

  .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: 32px;
      align-items: flex-start;
      padding: 60px 50px;
      background: var(--black);
      border-radius: 10px;
      position: sticky;
      top: -5rem;
    }

    /* .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: 560px;
    }

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

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

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

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

    .skyLeft {
      display: flex;
      flex-direction: column;
      gap: 32px;
      width: 100%;
      max-width: 50%;

      img {
        height: 100%;
      }
    }

    .skyright {
      max-width: 46%;
      width: 100%;
    }

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

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

  .higherStudies {
    max-height: 73vh;

    .higherStudiesWrapper {
      display: flex;
      gap: 40px;
      max-width: 100%;
      padding: 0;
    }

    .higherStudiesLeft {
      width: 100%;
      max-width: 50%;
      margin-bottom: -7px;
      margin-top: -8px;
      /* z-index: -1; */
    }

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

    .diviCareer {
      display: flex;
      flex-direction: column;
      gap: 32px;
      padding: 80px 0px;
    }

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

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

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

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

  .aboutRajiv {
    background: url("https://images.mastersunion.link/uploads/15072025/v1/HeroSection.webp") no-repeat;
    padding: 0px;
    position: relative;
    background-size: cover;

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

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

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

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

    .masterBox {
      position: absolute;
      padding: 10px 16px;
      display: flex;
      flex-direction: column;
      gap: 8px;
      bottom: 60px;
      right: 0;
      width: fit-content;
      border-radius: 8px 0 0 8px;
      border: 1px solid var(--black5);
      background: linear-gradient(119deg,
          rgba(0, 0, 0, 0.35) 43.01%,
          rgba(102, 102, 102, 0.35) 103.97%);
      backdrop-filter: blur(8.5px);
    }

    .masterHeading {
      font-size: 28px;
      line-height: 130%;
      font-family: "Fraunces", serif;
      color: var(--white);
    }

    .masterButton {
      display: flex;
      padding: 8px;
      align-items: center;
      gap: 4px;
      border-radius: 40px;
      background: var(--grey3);
      color: var(--grey4);
      font-size: 11px;
      font-family: var(--go-medium);
      line-height: 120%;
      letter-spacing: 1px;
      text-transform: uppercase;
      max-width: max-content;
    }
  }

  .inifiniteParent {
    /* height: 200dvh; */
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--black);
    /* background: url(https://images.mastersunion.link/uploads/05062025/v1/Vector1352.webp) no-repeat center 0%, url(https://images.mastersunion.link/uploads/05062025/v1/Vector1353.webp) no-repeat right 21%, url(https://images.mastersunion.link/uploads/05062025/v1/Vector1354.webp) no-repeat left 88%, linear-gradient(to bottom, white 50%, black 50%); */
    background-size:
      contain,
      /* Vector1352 */
      760px auto,
      /* Vector1353 */
      782px auto,
      /* Vector1354 */
      100% 100%;

    display: flex;
    justify-content: space-between;
    overflow: hidden;

    .leftInifiniteWrapper,
    .rightInifiniteWrapper {
      display: flex;
      flex-direction: column;
    }

    .infinite-scroll {
      height: 100%;
      position: relative;
    }

    .scroll-track {
      display: flex;
      flex-direction: column;
      animation: scroll-up 30s linear infinite;
      gap: 220px;
    }

    .scroll-track-down {
      display: flex;
      flex-direction: column;
      animation: scroll-down 30s linear infinite;
      gap: 220px;
    }

    .scroll-track-down img {
      width: 100%;
      height: auto;
      display: block;
      max-width: 278px;
    }

    .scroll-track img {
      width: 100%;
      height: auto;
      display: block;
      max-width: 278px;
    }

    .margin30 {
      margin-left: 50px;
    }

    .margin100 {
      margin-left: 150px;
    }

    .marginRight100 {
      margin-left: 170px;
    }

    .marginRight30 {
      margin-left: 50px;
    }

    .headingWrapper {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      /* gap: 80dvh; */
    }
  }

  .roundTable {
    background:
      url(https://images.mastersunion.link/uploads/15072025/v1/roundVector.svg) no-repeat right bottom,
      url(https://images.mastersunion.link/uploads/15072025/v1/Vector1352.svg) no-repeat left top,
      var(--black);
    height: 90dvh;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;

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

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

    .roundHeading {
      font-size: 52px;
      color: var(--white);
      line-height: 120%;
      font-family: var(--go-regular);
      font-weight: 400;
      text-align: center;
    }

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

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

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

    /* .RoundImageWrapper {
            position: absolute;

        } */

    .roundImgDivi {
      width: 100%;
      max-width: 265px;
      position: absolute;
      left: 159px;
      top: 0;
    }

    .roundImgDiviBottom {
      width: 100%;
      max-width: 258px;
      position: absolute;
      left: 159px;
      bottom: -10px;
    }

    .roundImgDiviRight {
      width: 100%;
      max-width: 335px;
      position: absolute;
      right: 0;
      top: 20px;
    }
  }
}

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



    .herosectionLogoWrapper {
      display: flex;
      gap: 20px;
      align-items: center;
      margin-bottom: 20px;
    }

    .heroSectionLogo {
      max-width: 118px;
      width: 100%;
    }

    .heroMuLogo {
      max-width: 170px;
      width: 100%;

    }

    .heroSectionX {
      max-width: 18px;
      width: 100%;
    }

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

    .top-logo {
      position: absolute;
      width: 100%;
      max-width: 426px;
      top: 28%;
      left: 50%;
      transform: translateX(-50%);
    }

    @media (max-width: 767px) {
      .top-logo {
        width: 100%;
        top: 45%;
        max-width: 350px;
      }
    }

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

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

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

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

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

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

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

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

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

    .textMedium {
      font-family: var(--go-medium);
      color: var(--black);
    }

    .germanBtnWrapper {
      display: flex;
      gap: 12px;
      align-self: flex-start;
    }

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

    .germanBreatherLeft {
      width: 100%;
      max-width: 541px;
      border-radius: 8px;
      background: var(--white);
      padding: 22px;
      display: flex;
      flex-direction: column;
      gap: 32px;
      align-items: center;
      justify-content: center;
      min-height: 387px;
    }

    .germanBold {
      font-family: var(--go-medium);
      color: var(--grey17);
    }

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

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

    .germanHeadingWrapper {
      display: flex;
      flex-direction: column;
      gap: 16px;
      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;
    }

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

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

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

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

    .cityBelowWrap {
      display: flex;
      gap: 25px;
      align-items: center;
    }

    .cityLeft {
      width: 100%;
      max-width: 50%;
      background: var(--white);
      padding: 32px;
      border-radius: 10px;
    }

    .cityRight {
      width: 100%;
      max-width: 50%;
      background: var(--white);
      padding: 32px;
      border-radius: 10px;
    }

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

    .cityData {
      display: flex;
      flex-direction: column;
      gap: 8px;
      align-items: flex-start;
      /* border-bottom: 2px solid var(--grey18);
            padding-bottom: 16px; */
      width: 100%;
      min-height: 80px;
    }

    .cityData2 {
      display: flex;
      flex-direction: column;
      gap: 8px;
      align-items: flex-start;
      /* border-bottom: 2px solid var(--grey18);
            padding-bottom: 16px; */
      width: 100%;
    }

    .greyLine {
      border-bottom: 1px solid var(--grey18);
      width: 100%;
      margin-block: 16px;
    }

    .brochureBtn {
      margin-top: 32px;
    }

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

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

  .highDescp {
    display: flex;
    padding: 0;
    justify-content: space-between;

    .highDescpWrapper {
      padding-left: 10.1%;
      padding-block: 60px;
      width: 52%;
    }

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

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

    .mob-hide {
      width: 40%;
    }
  }

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

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

    .campusButtonDivi {
      display: flex;
      justify-content: center;
      align-items: center;
      border: 2px solid var(--grey3);
      /* background: linear-gradient(var(--black) 0 0) padding-box, var(--gradient) border-box; */
      border-radius: 32px;
      padding: 8px;
    }

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

    .withoutArrowWhiteBgBtn {
      display: flex;
      padding: 8px 20px 10px 20px;
      justify-content: center;
      align-items: center;
      border-radius: 54px;
      border: 1px solid var(--black);
      color: var(--white) !important;
      font-size: 16px;
      font-family: var(--go-medium);
      line-height: 120%;
      max-width: fit-content;
      background: var(--black);
      cursor: pointer;
      transition: 0.4s ease-in-out;
    }

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

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

  .startups {
    background:
      linear-gradient(var(--white) 0 0) padding-box,
      linear-gradient(90deg, #39b6d8 6.41%, #f7d344 51.47%, #e38330 96.52%) border-box;
    border-bottom: 6px solid transparent;
    border-image-slice: 1;
    border-image-repeat: stretch;

    .lensBoxi {
      width: 100%;
      max-width: 200px;
      border-radius: 12px;
      border: 1px solid var(--grey16);
      padding: unset;
    }

    .topStartup {
      text-align: center;
      display: flex;
      flex-direction: column;
      gap: 40px;
    }
  }

  .dsaiMasters {
    background: var(--black);
    border-bottom: 1px solid var(--black5);
    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;
      padding: 18px 10px;
      background: #171717;
      margin: 0;
    }

    .newMasterDetailsWrap img {
      margin-top: 14px;
    }

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

    .marqueesliders {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 32px;
      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: 18px "go-regular";
    }

    .newMasterDetailsWrap h4 {
      font-size: 14px;
      line-height: 150%;
      color: var(--grey18);
      margin-top: 5px;
      font-family: "fraunces", serif;
      font-weight: 400;
    }

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

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

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

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

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

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

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

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

    .internshipWrapper {
      background: var(--grey17);
      border-radius: 24px;
      padding: 60px;
      display: flex;
      flex-direction: column;
      gap: 26px;
    }

    .internshipCardWrapper {
      display: flex;
      align-items: stretch;
      gap: 60px;
      width: 100%;
      justify-content: space-between;
    }

    .internshipImage {
      max-width: 395px;
      max-height: 254px;
      border-radius: 10px;
      position: relative;
      line-height: 0px;

      img {
        border-radius: 16px;
      }
    }

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

    .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);
      min-height: 36px;
    }

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

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

  .individualFee {
    background:
      url(https://images.mastersunion.link/uploads/28072025/v1/feeVector.svg),
      var(--grey17);
    background-repeat: no-repeat;
    background-size: cover;

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

    .individualContent {
      background:
        url(https://files.mastersunion.link/media/img/Leader/costBG.svg),
        var(--white);
      padding: 30px 50px;
      border-radius: 16px 0 0 16px;
      width: 50%;
      min-height: 182px;
      background-repeat: no-repeat;
      position: relative;
      /* top: 20px; */
      left: 53px;
    }

    .registeredInfo {
      display: flex;
      gap: 10px;
      align-items: baseline;
      max-width: 80%;
    }

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

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

    .feeContent {
      background: var(--black);
      border: 1px solid var(--grey3);
      background-position: right;
      padding: 40px 60px;
      border-radius: 16px;
      width: 58%;
      position: relative;
      right: 58px;
      background-repeat: no-repeat;
      z-index: 2;
    }

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

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

    .feeDetailUpper {
      display: flex;
      flex-direction: column;
      gap: 9px;
    }

    .costPrice {
      font-size: 32px;
      color: var(--white);
      font-family: var(--go-semibold);
      line-height: 160%;
    }

    .costGreyPrice {
      font-size: 20px;
      color: var(--grey10);
      font-family: var(--go-medium);
    }

    .costGreyPricebold {
      font-size: 20px;
      color: var(--grey10);
      font-family: var(--go-bold);
      text-decoration-line: line-through;
    }

    .feeNote {
      display: flex;
      gap: 9px;
      align-items: flex-start;
      font-size: 20px;
      line-height: 150%;
      color: var(--white);
      font-family: var(--go-regular);
    }

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

    .gradientWhiteBtn button {
      display: flex;
      padding: 6px 16px;
      gap: 10px;
      background: var(--grey17);
      color: var(--grey4);
      font-size: 14px;
      font-family: var(--go-medium);
      border-radius: 20px;
      line-height: 120%;
      text-transform: uppercase;
    }
  }

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

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

    .skyLeft {
      display: flex;
      flex-direction: column;
      gap: 40px;
      width: 100%;
      max-width: 50%;
      justify-content: flex-end;
    }

    .skyLeft img {
      line-height: 0;
    }

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

    .skyright {
      max-width: 45%;
      width: 100%;
    }

    .registerForm {
      background: var(--white);
      padding: 20px 25px;
      display: flex;
      border-radius: 10px;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      width: 100%;

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

    .registerForm .phone-input-container {
      display: flex;
      border: 1px solid #ddd;
      border-radius: 6px;
      overflow: hidden;
      background: white;
      transition: border-color 0.2s ease;
      margin-top: 8px;
    }

    .registerForm .country-code-select {
      background: var(--white);
      border: none;
      padding: 12px 16px;
      font-size: 14px;
      font-weight: 400;
      color: #333;
      cursor: pointer;
      border-right: 1px solid #ddd;
      outline: none;
      max-width: fit-content;
    }

    .registerForm .phone-input {
      flex: 1;
      border: none;
      padding: 12px 16px;
      font-size: 16px;
      font-weight: 500;
      color: #333;
      outline: none;
      background: white;
    }

    .registerForm .form {
      margin-top: 20px;
    }

    .skyFormHeading {
      font-size: 24px;
      font-family: var(--go-regular);
      line-height: 120%;
      font-weight: 400;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
    }

    .skyFormHeading {
      p {
        background-color: #f5f5f5;
        border-radius: 4px;
        padding: 4px 8px;
        font: 14px "go-medium";
        line-height: 150%;
      }
    }

    .skyright .select-form-arrow:after {
      background: url(https://images.mastersunion.link/uploads/10062025/v1/CaretDown.svg);
      top: 41px;
    }

    .phone-input-container:focus-within,
    .phone-input-container:hover,
    .input:focus-within {
      background:
        linear-gradient(var(--white) 0 0) padding-box,
        var(--gradient) border-box;
      border: 1px solid transparent;
    }
  }

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

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

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

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

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

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

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

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

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

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

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

  .buildingProgramme {
    background: var(--white3) !important;
    padding-bottom: 120px !important;

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

    .programHeadingWrap {
      overflow: hidden !important;
      display: flex;
      justify-content: space-between;
    }

    .BootcampCard {
      border-radius: 16px;
      border: 1px solid var(--grey4);
      background: var(--white);
      width: unset;
      display: flex;
      flex-direction: column;
      gap: 10px;
      padding: 10px;
      min-height: 336px;
    }

    .buildingCardHead {
      font-size: 18px;
      line-height: 140%;
      color: var(--black3);
      font-family: "Fraunces", serif;
      font-weight: 500;
      min-height: 51px;
    }

    .CardInner {
      padding: unset;
    }

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

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

    .buildingSwipeWrap {
      display: flex;
      gap: 20px;
      align-items: flex-start;
      overflow: hidden !important;
      padding-left: 10%;
      margin-top: 34px;
    }

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

    .swiper-pagination-bullet-active {
      width: 40px !important;
      background: var(--grey10) !important;
      border-radius: 10px;
      transition: 0.4s ease-in-out !important;
    }

    .swiper-pagination-bullet {
      transition:
        width 0.4s ease-in-out,
        border-radius 0.4s ease-in-out,
        background-color 0.4s ease-in-out,
        transform 0.4s ease-in-out,
        box-shadow 0.4s ease-in-out !important;
    }

    .swiper-pagination {
      width: 100% !important;
      position: absolute !important;
      z-index: 10;
      display: flex;
      gap: 6px;
      align-items: center;
      justify-content: center;
      bottom: 10% !important;
      left: 0% !important;
    }

    @media screen and (min-width: 1920px) {
      .buildingSwipeWrap {
        padding-left: 18%;
      }
    }

    @media (min-width: 1200px) and (max-width: 1280px) {
      .buildingSwipeWrap {
        padding-left: 7%;
      }
    }
  }

  .highPreviousYrHighlights {
    padding: 80px 0;
    background: var(--black);
    border-bottom: 1px solid var(--black5);

    .highPreviousWrapper {
      flex-direction: column;
    }

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

    .nav-arrow {
      margin-top: 0;
      gap: 12px;
    }

    .highSchoolPreviousSliderWrap {
      max-width: 100%;
      overflow: hidden !important;
    }

    .littleView {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      visibility: hidden;
      transition: 0.4s ease-in-out;
    }

    .mainScrollableBoxReel:hover .littleView {
      opacity: 1;
      visibility: visible;
      transition: 0.4s ease-in-out;
    }
  }
}

.winterSkill.weekendStartup {
  .buildingProgramme.cardHeight {
    padding-bottom: 80px !important;

    .BootcampCard {
      min-height: 300px;
    }

    .buildingCardHead {
      min-height: unset !important;
    }
  }

  .dsaiMasters {
    .newMasterDetailsWrap h4 {
      min-height: 37px;
    }
  }

  .mt18 {
    margin-top: 18px;
  }

  .individualFee {
    .feeContent {
      min-height: 330px;
    }
  }

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

    .impactLeftBox:nth-of-type(2)::after {
      content: "";
      background: url(https://images.mastersunion.link/uploads/16102025/v1/graphIcon.svg);
    }

    .impactLeftBox:nth-of-type(4)::after {
      content: "";
      background: url(https://images.mastersunion.link/uploads/16102025/v1/impacticon2.svg);
      height: 40px;
    }

    .impactLeftBox:nth-of-type(6)::after {
      content: "";
      background: url(https://images.mastersunion.link/uploads/16102025/v1/day3logo.svg);
      height: 40px;
    }

    .impactLeftBox:nth-of-type(8)::after {
      content: "";
      background: url(https://images.mastersunion.link/uploads/16102025/v1/day4Logo.svg);
      height: 40px;
    }

    .impactLeftBox::after {
      background: url(https://images.mastersunion.link/uploads/16102025/v1/day4Logo.svg);
      background-repeat: no-repeat;
    }
  }

  .startups {
    padding: 100px 0;
  }
}

.bottomFooter {
  padding-bottom: 20px;
  margin-top: 43px;
}

.waitingSection {
  display: flex;
  gap: 60px;
  background: var(--white3);

  .waitingImage {
    width: 100%;
    max-width: 45.5%;

    img {
      min-height: 100%;
    }
  }

  .waitingRight {
    padding: 60px 0px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: flex-start;
    width: 100%;
    max-width: 46.2%;
  }

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

  .waitingContent .go-HighlightHeading {
    line-height: 120%;
  }

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

  .waitingBoxiWrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }

  .waitingBoxi {
    border-radius: 10px;
    padding: 16px;
    background: var(--white);
    border: 1px solid var(--grey4);
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    width: 100%;
    max-width: 48.5%;
  }

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

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

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

.weekendStartup.aiBuildathon {
  .curriculumImmersionDs {
    background: var(--white);
    overflow: hidden;
    position: relative;
    padding: 80px 0;

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

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

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

    .innovatorBelowWrap {
      display: flex;
      gap: 20px;
    }

    .highlightTechBelowChild {
      max-width: 400px;
      display: flex;
      flex-direction: column;
      gap: 7px;
    }

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

    .diviName {
      font-size: 18px;
      border-bottom: 1px solid var(--grey4);
      line-height: 120%;
      color: var(--black);
      font-family: var(--go-regular);
      padding-bottom: 8px;
      width: 100%;
    }

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

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

    .textHighlight {
      font-weight: 600;
      font-family: "go-semibold";
    }
  }

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

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

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

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

    .headingPoints {
      display: flex;
      gap: 19px;
      margin-top: 16px;
      justify-content: center;
    }

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

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

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

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

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

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

    .textMedium {
      font-family: var(--go-medium);
      color: var(--black);
    }

    .germanBtnWrapper {
      display: flex;
      gap: 12px;
      align-self: flex-start;
    }

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

    .germanBreatherLeft {
      width: 100%;
      max-width: 541px;
      border-radius: 8px;
      background: var(--white);
      padding: 30px;
      display: flex;
      flex-direction: column;
      gap: 32px;
      align-items: center;
      justify-content: center;
      min-height: 387px;
    }

    .germanBold {
      font-family: var(--go-medium);
      color: var(--grey17);
    }

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

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

    .germanHeadingWrapper {
      display: flex;
      flex-direction: column;
      gap: 16px;
      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;
    }

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

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

  .waitingSection {
    display: flex;
    gap: 60px;
    background: var(--white3);

    .waitingImage {
      width: 100%;
      max-width: 45.5%;

      img {
        min-height: 100%;
      }
    }

    .waitingRight {
      padding: 60px 0px;
      display: flex;
      flex-direction: column;
      gap: 32px;
      align-items: flex-start;
      width: 100%;
      max-width: 46.2%;
    }

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

    .waitingContent .go-HighlightHeading {
      line-height: 120%;
    }

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

    .waitingBoxiWrapper {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
    }

    .waitingBoxi {
      border-radius: 10px;
      padding: 16px;
      background: var(--white);
      border: 1px solid var(--grey4);
      display: flex;
      flex-direction: column;
      gap: 16px;
      align-items: flex-start;
      width: 100%;
      max-width: 48.5%;
    }

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

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

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

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

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

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

    .edgeRight {
      width: 100%;
      max-width: 48%;
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

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

    .edgeLogo {
      max-width: 185px;
      max-height: 80px;
    }
  }

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

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

    border-bottom: unset;

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

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

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

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

  .individualFee {
    background:
      url(https://images.mastersunion.link/uploads/28072025/v1/feeVector.svg),
      var(--grey17);
    background-repeat: no-repeat;
    background-size: cover;

    .mt18 {
      margin-top: 18px;
    }

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

    .individualContent {
      background:
        url(https://files.mastersunion.link/media/img/Leader/costBG.svg),
        var(--white);
      padding: 30px 50px;
      border-radius: 16px 0 0 16px;
      width: 50%;
      /* min-height: 182px; */
      background-repeat: no-repeat;
      position: relative;
      /* top: 20px; */
      left: 53px;
    }

    .registeredInfo {
      display: flex;
      gap: 10px;
      align-items: baseline;
      max-width: 80%;
    }

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

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

    .feeContent {
      background: var(--black);
      border: 1px solid var(--grey3);
      background-position: right;
      padding: 40px 60px;
      border-radius: 16px;
      width: 58%;
      position: relative;
      right: 58px;
      background-repeat: no-repeat;
      z-index: 2;
      min-height: 320px;
    }

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

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

    .feeDetailUpper {
      display: flex;
      flex-direction: column;
      gap: 9px;
    }

    .costPrice {
      font-size: 32px;
      color: var(--white);
      font-family: var(--go-semibold);
      line-height: 160%;
    }

    .costGreyPrice {
      font-size: 20px;
      color: var(--grey10);
      font-family: var(--go-medium);
    }

    .costGreyPricebold {
      font-size: 20px;
      color: var(--grey10);
      font-family: var(--go-bold);
      text-decoration-line: line-through;
    }

    .feeNote {
      display: flex;
      gap: 9px;
      align-items: flex-start;
      font-size: 20px;
      line-height: 150%;
      color: var(--white);
      font-family: var(--go-regular);
    }

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

    .gradientWhiteBtn button {
      display: flex;
      padding: 6px 16px;
      gap: 10px;
      background: var(--grey17);
      color: var(--grey4);
      font-size: 14px;
      font-family: var(--go-medium);
      border-radius: 20px;
      line-height: 120%;
      text-transform: none;
    }

    .buttonText {
      text-transform: uppercase !important;
    }
  }

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

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

    .skyLeft {
      display: flex;
      flex-direction: column;
      gap: 40px;
      width: 100%;
      max-width: 50%;
      justify-content: flex-end;
    }

    .skyLeft img {
      line-height: 0;
    }

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

    .skyright {
      max-width: 45%;
      width: 100%;
    }

    .registerForm {
      background: var(--white);
      padding: 20px 25px;
      display: flex;
      border-radius: 10px;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      width: 100%;

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

    .registerForm .phone-input-container {
      display: flex;
      border: 1px solid #ddd;
      border-radius: 6px;
      overflow: hidden;
      background: white;
      transition: border-color 0.2s ease;
      margin-top: 8px;
    }

    .registerForm .country-code-select {
      background: var(--white);
      border: none;
      padding: 12px 16px;
      font-size: 14px;
      font-weight: 400;
      color: #333;
      cursor: pointer;
      border-right: 1px solid #ddd;
      outline: none;
      max-width: fit-content;
    }

    .registerForm .phone-input {
      flex: 1;
      border: none;
      padding: 12px 16px;
      font-size: 16px;
      font-weight: 500;
      color: #333;
      outline: none;
      background: white;
    }

    .registerForm .form {
      margin-top: 20px;
    }

    .skyFormHeading {
      font-size: 24px;
      font-family: var(--go-regular);
      line-height: 120%;
      font-weight: 400;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
    }

    .skyFormHeading {
      p {
        background-color: #f5f5f5;
        border-radius: 4px;
        padding: 4px 8px;
        font: 14px "go-medium";
        line-height: 150%;
      }
    }

    .skyright .select-form-arrow:after {
      background: url(https://images.mastersunion.link/uploads/10062025/v1/CaretDown.svg);
      top: 41px;
    }

    .phone-input-container:focus-within,
    .phone-input-container:hover,
    .input:focus-within {
      background:
        linear-gradient(var(--white) 0 0) padding-box,
        var(--gradient) border-box;
      border: 1px solid transparent;
    }
  }

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

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

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

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

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

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

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

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

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

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

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

  .startups {
    background: var(--white) !important;
    border-bottom: unset !important;
    border-image-slice: 1;
    border-image-repeat: stretch;

    .lensBoxi {
      width: 100%;
      max-width: 200px;
      border-radius: 12px;
      border: 1px solid var(--grey16);
      padding: unset;
    }

    .topStartup {
      text-align: center;
      display: flex;
      flex-direction: column;
      gap: 40px;
    }
  }

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

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

    .campusButtonDivi {
      display: flex;
      justify-content: center;
      align-items: center;
      border: 2px solid var(--grey3);
      /* background: linear-gradient(var(--black) 0 0) padding-box, var(--gradient) border-box; */
      border-radius: 32px;
      padding: 8px;
    }

    .flowWrapper {
      display: flex;
      flex-direction: column;
      gap: unset;
    }

    .withoutArrowWhiteBgBtn {
      display: flex;
      padding: 8px 20px 10px 20px;
      justify-content: center;
      align-items: center;
      border-radius: 54px;
      border: 1px solid var(--black);
      color: var(--white) !important;
      font-size: 16px;
      font-family: var(--go-medium);
      line-height: 120%;
      max-width: fit-content;
      background: var(--black);
      cursor: pointer;
      transition: 0.4s ease-in-out;
    }

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

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

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

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

    .heroSectionSubheading {
      font: 30px var(--go-medium);
      line-height: 120%;
      margin-top: 10px;
    }

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

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

    .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%, -80%);
      display: flex;
      align-items: center;
      flex-direction: column;
      text-align: center;
      width: 100%;
    }

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

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

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

    .heroSectionImg {
      height: 90vh;

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

        video {
          width: 100%;
        }
      }

      .mobilevideo {
        width: 100%;
      }
    }
  }

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

    .textFlowWrapper {
      width: 100%;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;

      .textFlowWG {
        font-size: 36px;
        line-height: 150%;
        color: var(--black);
        font-family: var(--go-medium);
      }

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

  .podcastSection {
    background: var(--black);
    padding: 80px 0;

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

    .countdown {
      display: flex;
      height: 100%;
      gap: 3px;
    }

    .podcastMiddle {
      display: flex;
      flex-direction: column;
      gap: 8px;
      align-items: center;
    }

    .podcastDate {
      display: flex;
      gap: 8px;
      align-items: center;
      color: var(--white);
      font-size: 20px;
      line-height: 120%;
      font-family: var(--go-semibold);
    }

    .podcastVenue {
      display: flex;
      gap: 8px;
      align-items: center;
      color: var(--grey18);
      font-size: 20px;
      line-height: 120%;
    }

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

    .time-box {
      width: 35%;
      padding: 30px;
      text-align: center;
      color: white;
      display: flex;
      flex-direction: column;
      min-height: 204px;
      justify-content: center;
      gap: 8px;
    }

    .days {
      background-color: var(--grey17);
    }

    .hours {
      background-color: var(--grey17);
      color: white;
    }

    .minutes {
      background-color: var(--grey17);
    }

    .time-box h1 {
      font-size: 128px;
      font-family: "go-bold";
      line-height: 100%;
    }

    .time-box p {
      font: 24px "go-regular";
      color: var(--white);
    }

    .podcastContent {
      font-size: 20px;
      font-family: var(--go-regular);
      line-height: 120%;
      color: var(--grey18);
      text-align: center;
    }

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

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

    .cardVideo {
      min-height: 100% !important;
    }

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

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

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

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

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

    .swiper-pagination {
      width: 100% !important;
      margin-top: 10px;
    }

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

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

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

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

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

    .futureRight {
      width: 100%;
      max-width: 50%;
      overflow: hidden !important;
    }

    .globalCard {
      position: relative;
    }

    .globalCard .masterPlay svg {
      position: absolute;
      top: 45%;
      left: 40%;
      backdrop-filter: blur(2px);
      border-radius: 60px;
    }
  }

  .caseUnion {
    background: var(--black);
    display: flex;
    flex-direction: column;
    gap: 60px;
    background-size: cover;
    overflow: hidden !important;
    padding-bottom: 140px;
    background-position-y: -40px;

    .caseUnionWrapper .heroParaTech {
      color: var(--grey10);
      align-items: center;
      text-align: center;
      line-height: 150%;
    }

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

    .gradientAmountWrapper {
      display: flex;
      gap: 50px;
      margin-top: 30px;
    }

    .gradientAmountBoxi {
      display: flex;
      flex-direction: column;
      width: fit-content;
      align-items: center;
    }

    .gradientAmountBoxi:not(:last-child) {
      border-right: 1px solid var(--black5);
      padding-right: 50px;
    }

    .digitsPara {
      background: linear-gradient(280deg, #f7d344 9.39%, #e38330 101.03%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-family: "Fraunces", serif;
      font-size: 60px;
      font-style: italic;
      font-weight: 350;
      line-height: 120%;
    }

    .cashPara {
      font-size: 16px;
      line-height: 150%;
      font-family: var(--go-regular);
      color: var(--grey10);
      text-align: center;
      -webkit-text-fill-color: var(--grey10);
    }

    .tiltedCardWrapper {
      overflow: visible;
    }

    .festCard {
      box-shadow: 0px 0px 28px 10px rgba(0, 0, 0, 0.03);
      width: 100%;
      padding: 16.408px 14.586px 46.592px 16.414px;
      background: var(--white);
    }

    .fastCardContent {
      font-size: 20px;

      font-weight: 400;
      line-height: 120%;
      text-align: center;
      color: var(--black);
      font-family: "Fraunces", serif;
    }
  }

  .sponsorsSection {
    padding: 80px 0 !important;
    display: flex;
    flex-direction: column;
    gap: 40px;
    justify-content: center;
    align-items: center;
    border-bottom: 6px solid;
    border-image: linear-gradient(90deg,
        #39b6d8 6.41%,
        #f7d344 51.47%,
        #e38330 96.52%);
    border-image-slice: 1;

    .headingBold {
      font-family: var(--go-medium);
    }

    .marquee3 {
      width: 100%;
      pointer-events: none;
      overflow: hidden;
      display: flex;
      align-items: center;
    }

    .marquee__inner-wrap {
      height: 100%;
      width: 100%;
    }

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

    .mapContentBoxiWrapper {
      display: flex;
      gap: 40px;
    }

    .companyLogo {
      max-width: 200px;
      max-height: 80px;
    }
  }

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

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

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

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

    .insightSwiper {
      overflow: hidden !important;
    }

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

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

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

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

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

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

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

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

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

    .inisghtImageWrapper {
      position: relative;
    }

    .caseCardContent {
      position: absolute;
      bottom: 27px;
      display: flex;
      flex-direction: column;
      gap: 4px;
      left: 14px;
    }

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

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

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

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

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

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

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

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

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

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

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

    .heroSectionImg {
      height: 90vh;

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

        video {
          width: 100%;
        }
      }

      .mobilevideo {
        width: 100%;
      }
    }
  }

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

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

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

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

    /* .firstTbmBoxi {
            min-height: 142px;
        } */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .impactLeft {
      width: 50%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .impactScroll {
    padding-top: 40px;

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

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

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

    .mobImpactImage {
      position: relative;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .feeProcess {
    padding: 60px 0 65px;

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

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

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

    .feeProcessContainer {
      margin-bottom: 20px;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    ul {
      margin-left: 20px;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .feeStructureLeft {
      max-width: 60%;
    }

    .feeStructureRight {
      max-width: 40%;
    }

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

    .feeStructureTable {
      border-collapse: collapse;
    }

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

    .feeStructureParent {
      width: 100%;
    }

    .feeStructureTable {
      width: 100%;
    }

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

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

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

      /* or whatever px you want */
    }

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

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

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

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

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

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

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

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

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

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

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

  .worldClassSection {
    background: linear-gradient(to bottom, var(--white) 50%, var(--black) 50%);
    border-bottom: 1px solid var(--grey17);

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

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

    .worldCampusFrame {
      width: 100%;
    }

    .worldCampusFrame iframe {
      height: 65vh;
      border-radius: 8px;
      width: 100%;
    }
  }

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

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

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

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

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

    .curriculumDsUpper a img {
      transition: 0.3s;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .stepContent>img {
      display: none;
    }

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

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

      .tradingHeading {
        color: #e38330;
      }

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

    .faqHeadingsWrapper.mobView {
      display: none;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .content-section {
      overflow: unset;
    }

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

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

    .marginblock20 {
      margin-block: 8px;
    }

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

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

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

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

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

    .dsBelowLeft.masterImage {
      overflow: unset;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .heroSectionImg {
      height: 90vh;

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

        video {
          width: 100%;
        }
      }

      .mobilevideo {
        width: 100%;
      }
    }

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

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

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

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

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

    .insightBtn {
      display: flex;
      gap: 8px;
      flex-direction: row-reverse;
    }

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

    .teachingHeadWrap .headingRight {
      display: flex;
      flex-direction: row-reverse;
      gap: 8px;
      align-items: center;
    }

    .tracksSimulationSwiper-prev img {
      transform: rotate(180deg);
    }

    .innovatorBelowWrap {
      display: flex;
      gap: 20px;
    }

    .innovatorBelowWrap .tracksSimulationSwiper {
      width: 100%;
      overflow: hidden;
    }

    .innovatorBelowWrap .tracksSimulationSwiper-pagination {
      margin-top: 16px;
    }

    .innovatorBelowWrap .tracksSimulationSwiper .highlightTechBelowChild {
      min-width: 0;
    }

    .highlightTechBelowChild {
      max-width: 400px;
      min-width: 400px;
      display: flex;
      flex-direction: column;
      gap: 7px;
    }

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

    .diviName {
      font-size: 17px;
    }

    .diviCompanyText {
      color: var(--black);
      font-family: "Fraunces", serif;
    }

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

    .textHighlight {
      font-weight: 600;
      font-family: "go-semibold";
    }
  }

  .highSchoolMarquee {
    padding: 60px 0;
    overflow: hidden;

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

    .hSchoolWrapper {
      display: flex;
      position: relative;
      align-items: center;
      gap: 40px;
      animation: 18s linear infinite scroll;
      user-select: none;
    }

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

  .highPreviousYrHighlights {
    .highPreviousWrapper {
      flex-direction: column;
    }

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

    .nav-arrow {
      margin-top: 0;
      gap: 12px;
    }

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

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

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

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

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

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

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

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

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

      img {
        border-radius: 16px;
      }
    }

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

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

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

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

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

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

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

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

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

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

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

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

  .individualFee {
    background:
      url(https://images.mastersunion.link/uploads/28072025/v1/feeVector.svg),
      var(--grey17);
    background-repeat: no-repeat;
    background-size: cover;

    .mt18 {
      margin-top: 18px;
    }

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

    .individualContent {
      background:
        url(https://files.mastersunion.link/media/img/Leader/costBG.svg),
        var(--white);
      padding: 60px 50px;
      border-radius: 16px 0 0 16px;
      width: 50%;
      /* min-height: 182px; */
      background-repeat: no-repeat;
      position: relative;
      /* top: 20px; */
      left: 53px;

      display: flex;
      flex-direction: column;
      gap: 26px;
    }

    .registeredInfo {
      display: flex;
      gap: 10px;
      align-items: baseline;
      max-width: 80%;
    }

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

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

    .feeContent {
      background: var(--black);
      border: 1px solid var(--grey3);
      background-position: right;
      padding: 40px 60px;
      border-radius: 16px;
      width: 58%;
      position: relative;
      right: 58px;
      background-repeat: no-repeat;
      z-index: 2;
      min-height: 320px;
    }

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

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

    .feeDetailUpper {
      display: flex;
      flex-direction: column;
      gap: 9px;
    }

    .costPrice {
      font-size: 32px;
      color: var(--white);
      font-family: var(--go-semibold);
      line-height: 160%;
    }

    .costGreyPrice {
      font-size: 20px;
      color: var(--grey10);
      font-family: var(--go-medium);
    }

    .costGreyPriceLine {
      font-size: 20px;
      color: var(--grey10);
      font-family: var(--go-bold);
      text-decoration-line: line-through;
    }

    .costGreyPricebold {
      font-size: 20px;
      color: var(--grey10);
      font-family: var(--go-bold);
      text-decoration-line: line-through;
    }

    .feeNote {
      display: flex;
      gap: 9px;
      align-items: flex-start;
      font-size: 20px;
      line-height: 150%;
      color: var(--white);
      font-family: var(--go-regular);
    }

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

    .gradientWhiteBtn button {
      display: flex;
      padding: 6px 16px;
      gap: 10px;
      background: var(--grey17);
      color: var(--grey4);
      font-size: 14px;
      font-family: var(--go-medium);
      border-radius: 20px;
      line-height: 120%;
      text-transform: none;
    }

    .buttonText {
      text-transform: uppercase !important;
    }
  }

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

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

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

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

    .skyLeft {
      display: flex;
      flex-direction: column;
      gap: 32px;
      width: 100%;
      max-width: 50%;

      img {
        height: 100%;
      }
    }

    .skyright {
      max-width: 46%;
      width: 100%;
    }

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

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

    .registerForm .phone-input-container {
      display: flex;
      border: 1px solid #ddd;
      border-radius: 6px;
      overflow: hidden;
      background: white;
      transition: border-color 0.2s ease;
      margin-top: 8px;
    }

    .registerForm .country-code-select {
      background: var(--white);
      border: none;
      padding: 12px 16px;
      font-size: 14px;
      font-weight: 400;
      color: #333;
      cursor: pointer;
      border-right: 1px solid #ddd;
      outline: none;
      max-width: fit-content;
    }

    .registerForm .phone-input {
      flex: 1;
      border: none;
      padding: 12px 16px;
      font-size: 16px;
      font-weight: 500;
      color: #333;
      outline: none;
      background: white;
    }
  }

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

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

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

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

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

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

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

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

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

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

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

  .higherStudies {
    max-height: 73vh;
    background: var(--white3);

    .higherStudiesWrapper {
      display: flex;
      flex-direction: row-reverse;
      gap: 40px;
      max-width: 100%;
      padding: 0;
    }

    .higherStudiesLeft {
      width: 100%;
      max-width: 50%;
      margin-bottom: -7px;
      margin-top: -8px;
      /* z-index: -1; */
    }

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

    .diviCareer {
      display: flex;
      flex-direction: column;
      gap: 40px;
      padding: 80px 0px;
    }

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

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

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

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

    .blackSemiPara {
      font: 18px "go-semibold";
      line-height: 140%;
      color: var(--black);
    }

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

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

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

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

    .marstersWrapper {
      padding-top: 42px;
      display: flex;
      gap: 34px;
      width: max-content;
      animation: testDriveMastersMarquee 40s linear infinite;
    }

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

    .marsterCard {
      max-width: 266px;
      min-width: 266px;
      width: 100%;
      padding: 12px;
      display: flex;
      flex-direction: column;
      flex-shrink: 0;

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

    .testDriveMasterContent {
      display: flex;
      flex-direction: column;
      gap: 2px;
    }

    .testDriveMasterName {
      font: 14px "go-medium";
      color: var(--grey4);
      line-height: 140%;
    }

    .testDriveMasterDesignation {
      font: 12px "go-regular";
      color: var(--grey10);
      line-height: 150%;
      min-height: 40px;
    }

    .testDriveMasterContentWrapper {
      display: flex;
      flex-direction: column;
      gap: 8px;
      background: var(--black);
      padding: 8px 16px;
      border-radius: 0 0 8px 8px;
    }

    .testDriveMasterLogo {
      max-width: 206px;
      width: 100%;
      height: 36px;
    }
  }

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

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

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

    .gradientRightDivi {
      padding: 32px !important;
    }

    .whiteApplyButton,
    .downloadBroucherButton {
      width: 100%;
      max-width: fit-content !important;
      gap: 8px !important;
    }

    .gradientRightDivi {
      gap: 32px !important;
    }
  }

  .curriculumImmersionDs {
    .diviName {
      border-bottom: 1px solid var(--grey4) !important;
    }
  }

  .TimelineTestDrive {
    .inclassBox {
      overflow-x: unset !important;
    }

    .content-section.new {
      padding: 40px 20px !important;
      border: 1px solid #262626 !important;
    }

    .inclasstabs {
      padding-bottom: 0 !important;
    }

    .classEffect::before {
      height: 132%;
    }

    .inclasstabs li {
      justify-content: center !important;
    }
  }
}

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

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


.u18FormSection {
  background: none !important;
  background-color: var(--black) !important;
}

/* Event detail page — past event admissions closed card */
.eventSection .eventAdmissionsClosed {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 40px 30px;
  border-radius: 16px;
  background: var(--white);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-sizing: border-box;
}

.eventSection .eventAdmissionsClosed__iconWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background: radial-gradient(circle,
      rgba(227, 131, 48, 0.35) 0%,
      rgba(227, 131, 48, 0.18) 35%,
      rgba(227, 131, 48, 0.08) 60%,
      rgba(227, 131, 48, 0) 100%);
  margin-bottom: 8px;
}

.eventSection .eventAdmissionsClosed__icon {
  color: #E38330;
}

.eventSection .eventAdmissionsClosed__title {
  margin: 16px 0 0;
  font-family: var(--go-semibold);
  font-size: 26px;
  line-height: 130%;
  font-weight: 600;
  color: var(--black);
}

.eventSection .eventAdmissionsClosed__subtitle {
  margin: 10px 0 0;
  font-family: var(--go-medium);
  font-size: 16px;
  line-height: 150%;
  color: #E38330;
}

.eventSection .eventAdmissionsClosed__divider {
  width: 100%;
  max-width: 280px;
  height: 1px;
  margin: 24px 0;
  background: rgba(63, 62, 62, 0.1);
}

.eventSection .eventAdmissionsClosed__desc {
  margin: 0;
  max-width: 320px;
  font-family: var(--go-regular);
  font-size: 14px;
  line-height: 160%;
  color: var(--black5);
}

.eventSection .eventAdmissionsClosed__footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  margin-top: 32px;
}

.eventSection .eventAdmissionsClosed__line {
  flex: 1;
  max-width: 72px;
  height: 1px;
  background: #E38330;
}

.eventSection .eventAdmissionsClosed__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--grey10);
  flex-shrink: 0;
}

.eventSection .eventAdmissionsClosed__dot--active {
  width: 8px;
  height: 8px;
  background: #E38330;
}